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!

Tommy_with_Audio_across_slides.zip

252 Replies

6 months ago07/16/20 at 9:16 pm (UTC)

That is the published content. I need to see the StoryLine file. It should end with the file extension ".story"

Brett Grover

6 months ago07/20/20 at 1:40 pm (UTC)

Here it is sir

NHO_Matrix_Leadership_7.16.2020.story

6 months ago07/20/20 at 1:41 pm (UTC)

I added that file to the thread

6 months ago07/20/20 at 3:56 pm (UTC)

I think I misunderstood your request. I don't see JavaScript being executed at all in your file. I'm not the expert at manually adding the code outlined in this thread (and I'm not a fan of it either... lol) so I couldn't really say what is going wrong in your post publishing production. If you want to try the JavaScript method, let me know. If you are using it and I'm just not seeing it, point me to where it is located in your file.

Brett Grover

6 months ago07/21/20 at 2:20 pm (UTC)

Owen,

Here is the .story file for my project using the Java Script method. Please take a look. Thank you sir.

NHO_Matrix_Leadership_7.21.2020.story

6 months ago07/21/20 at 4:26 pm (UTC)

Owen,

Sorry I didn't reply to your direct question. Here is the .story file with the Java Script method.

NHO_Matrix_Leadership_7.21.2020.story

Michelle Rosario

6 months ago08/03/20 at 7:52 pm (UTC)

Thanks for this great tip!

I did have to add it to the index_lms.html in order for the audio to play in our LMS. The story.html wasn't working.

Dawn H

3 months ago10/26/20 at 5:47 pm (UTC)

Hi Emily,

When I publish my Storyline 360 file to LMS, and then open it, below is what I see. I don't see anything that says story.html. Can you please clarify exactly what I need to open from the list shown and where I start typing your code?

Help

Darin Fennell

3 months ago10/26/20 at 6:48 pm (UTC)

Dawn,

The last file in your list is the one you want. It's called "story" and is an HTML file as the description points out (Chrome HTML do...). Double-click that file and it should run for you.

Cheers!

Darin