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 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!
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!
281 Replies
This works perfectly on my project. Thanks! My problem now is that the audio narrations per slide are not playing. Would you happen to have a workaround?
Hey Ken,
Sorry to hear you're having trouble with this, and I saw you mention it in another older discussion too. Can you share a copy of your .story file here so that folks can take a look? That'll be the best way to get help for this custom audio set up!
Hi - I am noticing that inserting the code <audio src="Summer_Smile.mp3" preload="auto" autoplay loop></audio> works beautifully when I play the course in IE but does not play in Chrome. Did I miss the instructions in this thread? any suggestions?
Thank you!
Thank you Matthew. You are awesome!
Matthew, one more question please
I used the code modifications and the background music plays great. Is there a way to get the music to stop playing after say 6 minutes if it is added to the html files?
Thanks again!
All this talk about Background music, wondering folks find free background music?
Any suggestions?
Thanks
I know this is an old thread, but wondering if this works for anyone on SL3? Our LMS uses the index_lms_html5.html file, and that's where I added the code (before the closing <body> and <html> tags). It works if I click on the file from my published files/folders, but not once put out on the LMS.
I use SL3 and SL360 and have found the JavaScript solution to work well with our LMS.
It worked with my prior employer who used Saba and with my current employer using Learndot.
Link to detailsHi,
I am upgrading to Soryline 3 and this really cool trick does not work for me any longer.. The script now looks different when opened with Notepad, and I don't know where to paste the <audio src="YOURAUDIOHERE.mp3" preload="auto" autoplay loop></audio> ..
Hello Anna,
I use SL3 and I got this to work, but I had to struggle a bit to learn how to do it. Here's what I did:Note that when I would publish it created a folder that contained many files, two of which we will focus on:
story.html
and
story_html5.html
---
1. In your story.html file, open it with notepad (or your favorite html editor) BEFORE (NOT BETWEEN) the </body> and </html> tags, place this code snippet:<audio src="NAMEOFYOURAUDIOFILE.mp3" preload="auto" autoplay loop></audio>
---
2. In your story_html5.html file, open it with notepad (or your favorite html editor) BETWEEN (NOT BEFORE) the </body> and </html> tags, place this code snippet:<audio src="NAMEOFYOURAUDIOFILE.mp3" preload="auto" autoplay loop></audio>
***I made sure to put a space and a hard return after the code snippet, as was instructed in the original post, and that appeared to help.
---
3. Make sure to put the mp3 file in the folder at root level (meaning in the same folder as the story_html5.html file). Make sure the file name of the mp3 matches the name in the code precisely!I hope this helps! I haven't had a chance to see how it works after loading onto our particular LMS, but so far it works in previewing and the output files are working for me! :) Good luck!
Hi, I need the background music to work on iPAD. I tried the solutions published here and none of them works on Safari which is the iPAD browser.
Does anybody knows why and what should I do to make it work?
Thx, Miri
