Forum Discussion
Playing Background music across all slides - Storyline 360
Hi all,
I know there have been a few threads on this but I can't seem to find a solution!
I'm creating a project which I need audio for, but I would like the audio to run throughout the whole p...
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:
- Create immersive experiences with continuous background audio that sets the tone and keeps learners engaged.
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!
The solution is the same and works the same for both Web and LMS publishing options. :-)
Hi Owen,
I wanted to update you on something. Whichever solution works by playing background audio no longer works with the latest Google Chrome browser! Which is my company’s default browser! My IT dept worked on this for me and they could get your solution to work in Firefox but not Chrome. Apparently Chrome now blocks background audio!
So, I wasn’t quite as inept as I thought! 😉
Dawn Horner
Sr. Director, Sales Training
dhorner@coherus.com
333 Twin Dolphin Drive, Suite 600
Redwood City, CA 94065
Office: 650.395.0236
[logo]
It actually still works on chrome. However, you have to have the user interact with the page 1st before executing the JavaScript to start the music. In the example below, the music starts playing when you click either of the puzzle pieces that you can move.
https://360.articulate.com/review/content/f8f8411d-262b-4e99-8067-cd1d60139304/reviewIn other words, once you interact with the page, the browser will allow media.
Hi Owen,
To be clear, I honestly can’t say which solution my IT could not get to work in Google Chrome, but they also said there was chatter about it in a Google Forum as well. Regardless, I’ll keep trying and hopefully one day soon these work-arounds will be moot.
Thanks again!
Dawn Horner
Sr. Director, Sales Training
dhorner@coherus.com333 Twin Dolphin Drive, Suite 600
Redwood City, CA 94065
Office: 650.395.0236
[logo]Hi Dawn,
I can concur with Owen as I did have this problem initially, but simply forgot to mention it, so my apologies.
The simple solution is to have a Start Course button that appears when the first slide comes up (perhaps it can fade in for effect or something similar) and once the user clicks on that, the first interactive element of your slide is triggered, whether it be a new layer or a voiceover that you originally had set to trigger when the timeline started for the slide, for example.
Not only does this now start your course rolling (something that users won't find unusual as Start Course buttons are frequently used in E-Learning), but it will also act as the initial interaction with your slide before you execute the javascript to play your audio. To the user, this will appear seamless.
With my recent project, I have got round this by giving the user a choice of background music. Their action of selecting the music is what triggers the whole process.
Hi Owen (or anyone else who can lend a hand!),
I just tried this technique and, like some others, I am not able to get it to work. I have published to both review and web, and I tried both Chrome and Edge browsers to no avail. Not quite sure what I'm doing wrong as I'm not very proficient at Javascript.
Could someone take a look at my code and tell me what I can do differently? Thank you in advance!
Here is the link and the storyline file is below.
Hey Leslie, there is nothing wrong with your code, rather it appears to be a problem with the order of your triggers.
Currently, when you click the "play" button, the actions are in the following order:
- Jump to next slide
- Execute JS.
Because the first action jumps to the next slide, the JavaScript does not get executed.
Simply move the Execute JavaScript into the first position so that it executes first and you should be good to go.
2 more things to note.
- Users will not be able to play a song from your desktop. Be sure your song is hosted somewhere that they can stream it from. I didn't have access to your song, so in my published example, I'm streaming one from Music Catalog | Stock Music | Soundstripe
- 50% volume is quite loud for background music. In my example linked below, I've dropped it all the way down to 5%. (.05 value in the code).
I hope this helps!
https://360.articulate.com/review/content/7658d077-45fd-4d7b-897c-738ba85f23e4/review
