setting a background music.

Apr 21, 2015


I’m trying to set up a background music in my project of Storyline 1.

Even though I dropped the mp3 audio file in the output file and inserted the necessary codes in notepad of html page, the music does not run.

What am I missing?



33 Replies
Kaan Saygı

Hi Jackson,

I noticed that when I run stroy.html in the output folder, audio is running all over the presentation. Is it also possible to get it run permanently in the Launsh Story file in the output folder?

Or, is it enough to have it run in story.html?

do you have any advice I must do before being likely to face some trouble when submitting to LMS or client's internal web link?



Jackson Hamner

So after thinking about it for a minute i think I've made this more complicated than it needs to be. In your story.html file I added the line

<audio src=”Recorded1” preload=”auto” autoplay loop></audio>

Since it seems like you're trying to use just a single song that line should be enough to play your song through the course. That way we don't have to worry about adding any JavaScript to the course.

I attached a zip folder with the storyline output from your .story file. If you unzip it and run the story.HTML file music should play through the course! You can open  the HTML file to see where I put the line of code and you'll see the music file in the courses root folder. I deleted the JavaScript trigger for the audio in your story file, so there is no JavaScript running on the second slide. Here is a link to the music working in your course!

To answer your last question, I don't really know. I'm honestly not sure how this is going to interact with an LMS since I don't have a good way to test it right now, but the Web output should work fine. I think that just having it in the story.HTML file should be fine though, if you try it and run into problems because of that please let me know!

Advice: If your client needs you to update the course for any reason just remember that every time you publish your course you will have to re-add this line of code and the audio file to the new output folder.

I hope this helps and that you can get it working successfully! :)

Kaan Saygı

Hi Jackson,

I’m testing my presentation. I assigned an expiry date as May 07,2015 using variables. The first slide is checking whether the expiry date is passed or not. This morning, I noticed that the html file in the output folder did not jump to second slide, but it must have automatically whereas in the Launch Story file it is jumping properly.

How can I have the html file behave the same way?



This discussion is closed. You can start a new discussion or contact Articulate Support.