Background Audio Cool Trick
By
Emily Ruby
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 just a cool trick, and not a built in feature of Storyline 2.
Publish your course, open the story.html file with Notepad, scroll to the bottom and add this code
<audio src="YOURAUDIOHERE.mp3" preload="auto" autoplay loop></audio> with a space before the </body> and place your audio file into the published output folder and there you go. That is it.
Here is an example, http://bit.ly/1sy5dkV and the output folder is attached.
Have fun!
174 Replies
This works great, Emily! Thanks!
I loved "Happy Teeth" Emily, Thank you!
This is awesome! Do you know if you can adjust the volume too within the story.html folder?
Hi Tara,
Glad this worked for you!
Unfortunately i am not aware of a way to adjust the volume. I did try using the Player volume button, and that did not work.
I am sure if there is a way someone will jump in here with a suggestion :)
No problem! Thank you for sharing. :)
I just gave this a try and it works great. Thanks so much for sharing this. Excellent.
Glad this helps Richard!
This is great and I love your example. However, I can not get mine to work. Does the file have to be an mp3 file?
GOT IT! Thank you - works great.
Sadly this did not work for me. File is located in the root and here is the code. Must work in IE 11, sadly no other browsers approved for use in company. Any suggestions?
<DIV id='divWebObjects'></DIV>
<audio src="morning.mp3" preload="auto" autoplay loop></audio>
</body>
Hi April,
I wonder if the solution given in this forum helps to address the problem you are facing.
Thank you for replying, sadly no none of those suggestions worked.
Since I am in a very controlled network with 1500+ computers, we cannot under any circumstances change our settings.
Sorry to hear that won't work for you April, I did want to let you know that responding via email includes your signature here and you're welcome to edit the post to remove that information if you'd prefer it not be listed here publicly.
Thanks for the heads up on signature.
No problem - not every wants it out in the public view. :)
I'm definitely trying this out. Thanks for the tip.
Thanks for sharing Emily, this is super simple!
I noticed that the background audio didn't play in the HTML5 output. To fix that, just add your
<audio src="YOURAUDIOHERE.mp3" preload="auto" autoplay loop></audio>code before the</html>tag in the story_html5.html file.Thanks for the tip guys!!
Great example! Love it
Wow - thanks for sharing Emily - this is great.
One question...we create modules with content and then at the end add in a fun Module Challenge which is only maybe 10 slides and the client only wants the music on the challenge.
Do you know a way of just having the audio loop on those specific slides?
Thanks SO much Emily! Worked like a charm!
Hello, I need to know if possible, enter the code in the file " INDEX_LMS "?
Hi Tiara,
Emily is out this week - so I can't speak to the specifics of her set up - are you looking to add it there for use within your LMS? It's worth giving it a try if the story.html file isn't working for you - and you could always upload it to SCORM Cloud if you're not ready to post within your LMS.
Hi Ashley
But where in the code " INDEX.LMS " could go audio code ?
Hi Tiara,
This method should work with LMS in the same way. You should not need to add anything to the index.lms. Just add it to the story.html file. I just ran mine through SCORM Cloud to check, and it worked the same.