I really like the audio component. In the browser preview it plays the .mp3 file, but the progress bar doesn’t move. Clicking the progress bar restarts the playback from beginning. The skip forward/backwards likewise only cause the audio file to restart. Is that the expected normal behavior? I haven’t tried publishing to one of my real subdomains yet, so perhaps it needs to be on a live server for that to work?
Strange, the progress bar should update… I wonder if there’s something in the audio file it doesn’t like ![]()
Can you share a test project via Elements Cloud and we’ll take a look for you!
Thanks for the quick response. I created a minimal project for you to look at. In this one the project bar moves, but the “next”, “skip” buttons restart the audio. Here it is elementsapp://downloadDocument/bPUtUNIdqXxn. There’s a single mp3 file in resources.
Dan, I replied on the forum already, and since then I checked my larger project and the progress bar DOES move now. It’s the other buttons that don’t work (skip/back, next/prev).
I posted the project at elementsapp://downloadDocument/bPUtUNIdqXxn.
Best regards,
Gerry Shoults
All seems to be working as exacted. You only have one track so you’ll want to turn off the Next/Previous track buttons.
Here’s a quick video explaining what’s going on and how to do it:
Thanks for looking into this Dan. This morning I discovered my problem is specific to Mac Chrome browser. All buttons in the Audio element work as I expected in Safari. I can’t find any settings in Chrome that are causing this.
I’m on Brave browser which is Chromium based.
The progress bar moves for me, however the skip forward and back 10 seconds restarts the track, it doesn’t seem to skip forward or back 10 seconds.
All browser extensions disabled to make sure nothing’s conflicting there.
I didn’t publish the site on a live server to see if that’s necessary for the skip forward and back buttons to work properly, you might want to test on a subdomain if you can to confirm.
Thanks for trying this out Daniel. I’m getting the same behavior you do. Progress bar moves, but skip forward/back buttons just restart the audio from beginning. FYI, I just tried the Artist project demo at Solo Music Project . I works fine in Chrome, but when I open the project in Elements and use browser preview it doesn’t work. I’ll try publishing my site to a subdomain to confirm this early next week. FYI, in Chrome, I turned off all 3 browser extensions I use, restarted Chrome, and nothing changes. Also turned of privacy settings, still the same. It’s not a big problem, assuming it works on a live site. More later…