Forum Discussion
Background Audio Cool Trick
Hi All,
Just wanted to share a way to add audio across all slides in Storyline 2 There are a few posts on here about this, and I found this method to be super simple.
**Please note that this is ...
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!
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/
var promise = document.querySelector('audio').play();
if (promise !== undefined) {
promise.then(_ => {
// Autoplay started!
}).catch(error => {
// Autoplay was prevented.
// Show a "Play" button so that user can start playback.
});
}*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/reviewI see, it's ok with Firefox and Chrome (Windows 11).
I will test it on iOS and with resume course
Jürgen
