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
Glad this helped Milene!
I noticed the music doesn't play when opened on a mobile phone. Do you know if I should just add the music mp3 file into the mobile folder within the published file? Or do I need to add the code you have above somewhere else? Do I follow the HTML5 instructions listed above for the mobile part to work?
Hi Milene!
Did you see Matthew's response above? Check it out here.
Yes, I've read some of the posts, but didn't quite understand what I need to do?
Hi Milene.
The audio isn't playing on iPad or iPhone due to iOS restrictions that prevent audio from autoplaying in mobile Safari.
Unfortunately. I've tried different ways. But it's all the same.
I got this to work beautifully, but not in Chrome - it plays the music but never starts the course. (It plays fine in IE and Firefox). It doesn't sound like anyone else has had this issue, but wondering if anyone has any suggestions? I'm including code for both .mp3 and .ogg in the html.
Hi Sara,
I haven't heard of that but know there is a recent change to Chrome and how it plays the local Flash playback of content. Could you be running into that issue or had you uploaded this to the intended environment to test it?
Hi Ashley,
Thanks for your reply. I think that may have been the issue - when I was playing from my local drive it didn't work, but uploaded to a server it did. In any case, seems to be OK now.
Thanks again!
Sara
Hi Sara!
I know Matthew addressed this previously in this thread. You can hop right to his response here.
Hi Leslie, thanks for that link. That wasn't the issue, I had the code in the right place. But trying to play it from a local drive (rather than a server) was (I think). In any case it works from the new location.
Thanks!
Sara
Oh, great news Sara :) Thanks for the update. Glad Ashley was able to assist.
I'm back.....again! From previous discussions, I realize the background music does not play on an iPad or other device with iOS. I understand that and will live with it. Here's my other dilemma. The background audio trick works for me in the local drive, but when I transfer the published folder to a web server, I noticed the background audio doesn't play when I click the story.html link. Any thoughts?
