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
Hi Ryan,
Yes, you are correct. You do need to update the story_html5.html file as well. Unfortunately, Storyline now minifies that file, which makes it much harder to read and understand. It is doable though. The best way, is to edit the file to add some of the line feeds back in to make the file more readable. Javascript doesn't care about white-space, so this will not hurt the file. Then you can add the required code.
Hi Travis,
The error you are seeing tells you that either your path or your filename is incorrect. Since you didn't specify a path, make sure that your audio file is in the same directory as the html file. Also, take a look at the capitalization that you used for the filename. Windows doesn't care about case, but Javascript does. Make sure that your Javascript name matches the case of the file name that you see when you display it in the explorer window.
I hope that it is that simple. Good luck.
Dave
Dave since you have answered recently would you please take a quick look at my output zip file and see if you can spot my error(s)?
Ahhh. Gotcha. It's clearly been a few months since I've had to do this, so I didn't notice. haha.
I have to agree with Gerry. Almost 4 years and 220 replies, not to mention countless hours trying to get it to work. As IDs, we are competing for the attention of people who walk around with a pocket-sized world of entertainment at their fingertips. If we can become more interesting by playing a tune through an entire (and it's gotta be short) item of training, I'll take the chance. Please Articulate, add this feature already.
So I am reaching out because like a lot of you, I can't get this to work. I got it once but had to make changes and cannot replicate. I have included the zip file for contents review. Any help would be GREATLY appreciated.
Hi Dave,
Same for me. I have tried everything. Would you please take a quick look at my output zip file and see if you can spot my error(s)?
I tried the same thing but it didnt work. Please let us know if there is a browser or version issue. Of if you can give us working storyline published output. I tried the attachments given in the post. but its not working for me. Please help!!
The JavaScript solution still works for me (unless you need this to work on smart phone).
See example file in Rise with StoryLine Block, code and instructions:
https://rise.articulate.com/share/HO9-VvSOZZdjXn5Ga0-a-BFDcYZQYcbrHey Owen,
Thanks for the instructions (and I love that you created it as a walk-thru using Rise)!
I actually worked with Math Notermans (from Sweden!) to get it working. And using his steps, I created my own "How To" document which I'm attaching here for anyone who needs it. I haven't compared it to your steps yet to see if they're the same, but my course is up and running! :-) WOOT!
Oh - and mine is published to an LMS and it DOES work on a mobile device!
Owen,
Thanks for taking a look at this. I GREATLY appreciate it.
It plays fine for me in both I.E. and Edge bit not in Chrome. I would need to see your source .story file to trouble shoot this.
Hello
I am developing a course for a client and she asks me to sound a LOOP throughout the course, except for the first slide and it is an intro and has its own sound and the last slide has its own sound ... now, the file. what he gave me is a 7-second mp3 and he wants the whole course to be repeated ... and that within the course there is a button to pause / play music since it is independent from the voice of a narrator that sounds on each slide.
Are you trying to replicate this exact sample? There is a LOT of custom work modifying the player. If this is one of the client's samples, the best place to start would be with the .story file and the published output. Chances are, there is a custom CSS document or post publish customizations made to the generated css documents.
Hello
I am developing a course for a client and she asks me to sound a LOOP throughout the course, except for the first slide and it is an intro and has its own sound and the last slide has its own sound ... now, the file. what he gave me is a 7-second mp3 and he wants the whole course to be repeated ... and that within the course there is a button to pause / play music since it is independent from the voice of a narrator that sounds on each slide.
Hi Guys, thank you for the clear instructions.
Unfortunately, for me, it works only on Microsoft Edge, but my learners use mostly chrome and there the audio file doesn't work.
Any suggestion?
Thank you!When you say "it doesn't work", could you be more specific? There are multiple solutions in this thread so it would be helpful to know which one you tried. Also, which version of I.E. are your learners most likely using? Additionally, which version of StoryLine are you using? Did you try the instructions here: https://rise.articulate.com/share/HO9-VvSOZZdjXn5Ga0-a-BFDcYZQYcbr ?
Owen,
Thanks for responding. I tried the instructions in this post with no luck. The end user is using Edge for the browser and I am using Storyline 360.
