Background Audio Cool Trick
May 23, 2016
Pinned Reply
Hello, Everyone! ✨
I'm happy to share that we have released a new update for Storyline 360 (Build 3.79.30834.0).
In this update, we have an enhancement where:
- Background audio is now supported in the published video output.
As a first step, I recommend updating Storyline 360 to the latest version. Here's how:
If you have any questions, please let us know in this thread or privately in a support case.
Have a great day!
279 Replies
I can't believe this worked at the first try, things are not usually this easy. Thank you so much!
audio autoplay (without user interaction) is disabled on all current browsers
But you can "fake" user interaction by using a blank opening slide that automatically transitions to your opening slide. Most browsers will read this as user interaction.
This is why I prefer the JavaScript option to add music that will play throughout the course.
A simulated click via Javascript is a clear attack on users. The user must have at least made a 'user interaction' on the page (Chrome) or tap a button per audio object (iOS Chrome, Safari, Firefox) or set the domain on a whitelist (Firefox).
The only method accepted by all current/future* browsers is the use of promise and possibly showing a button.
https://developer.chrome.com/blog/autoplay/
*as far as you can see into the future
Sorry, senior moment on my part, I was thinking of internal to Storyline audio files.
You are absolutely correct that the user must interact with the page. However, you can use something like a "Play" or "enter course" or any other user interaction at the start to trigger the music to play for the remaining duration of the course. As long as you are ok with your opening slide being silent, this works.
The JavaScript I was referring to was not to get around the browser requirement, rather, to add the music in real-time rather than modifying any html pages after the fact.
https://360.articulate.com/review/content/21ff5cbe-f600-4674-b317-eb89419f6206/review
When I tried I didn't hear any audio. Which is probably for the best because I didn't see any button to turn of the audio. Always include the option to mute music.
Of course. That goes without saying. This is a POC (proof of concept) and not a course. What browser are you using? Also note, the audio volume is set low but I would normally also add in volume controls.
I see, it's ok with Firefox and Chrome (Windows 11).
I will test it on iOS and with resume course
Jürgen
fun fact: exactly this problem (how to start an audio automatically) had been a bug in storyline for years - which now leads to the fact that all courses with audio from the last years have to be re-published to start with firefox 103* and newer.
autoplay with audio is a minefield
* there was a special (not ever tested) firefox solution integrated, which did't worked
Little correction... im from the Netherlands, not Sweden :-)
The bit.ly link above no longer works.
Hi everyone!
I have some great news to share. We just released another update for Storyline 360. In Update 74, we've included important fixes and new features.
One of the new features we've included is:
Launch the Articulate 360 desktop app on your computer to take advantage of this update, and click the Update button next to Storyline 360. You'll find our step-by-step instructions here.
Please let me know if you have questions!
I haven't tried this yet, but ... FANTASTIC! I cannot wait to give this a try! Thank you!
Hi Eric,
Is there a fix to get the background audio to publish? I need to publish to an mp4 but the audio doesn't work.
Hi Kenneth,
Welcome to the E-Learning Heroes Community! 🎉
Currently, the background audio is not included when you publish to video. We'll be sure to update this thread if any adjustments are made to this feature in the future.
Thanks for reaching out!
Hello, Everyone! ✨
I'm happy to share that we have released a new update for Storyline 360 (Build 3.79.30834.0).
In this update, we have an enhancement where:
As a first step, I recommend updating Storyline 360 to the latest version. Here's how:
Update Authoring Apps
If you have any questions, please let us know in this thread or privately in a support case.
Have a great day!