background music in Storyline

@Anthony, when the music is looping in the background it's running off the story.html file so all your slides within the course will hear the music continuously regardless of navigation direction.

Thanks to Kenny, Rizah, and Martin for sharing code examples. There are several coding examples to accomplish this. I recently used a different approach form another thread here. In that thread, Alexandros shared screenshots of where the code goes in the story.html file.

Additionally, depending on user's browsers, Firefox doesn't handle MP3 files rather, OGG files.  Here's the latest breakdown:

• MP3 for Chrome, Safari, IE9 and above
• OGG for Firefox
• WAV for Opera

Here's the code Alexandros shared in the other thread that I've used a few times and works great with some limitations. Note: limitations are due to the world of browser compatibilities.

<audio id="control-volume" preload "auto" autoplay loop autobuffer>
  <source src="yourmusic.mp3" />
  <source src="yourmusic.ogg" />
  <source src="yourmusic.wav />
</audio>

Add this code to both story.html and story_html5.html (if part of your output). Place all three audio file formats in the root of the output directory (same location as story.html and story_html5.html). The "control-volume" piece in the above code is tied to Storyline's Player volume control button. However, only works in HTML5 only. From Alexandros:

"I have now managed to merge the background music volume to the stock players Volume Button, but it works in HTML5 only."

Here's a recent example I did: Interactive Video with continuous background music. The music plays and loops continuously during the length of the output regardless if you interact with the video or not and regardless if the main player's timeline ends.

Note: My design does not have the volume control player button activated. The code works either way and even via the Articulate Mobile App Player.

I *just* finished the above project last week. It's on the calendar to post a more thorough explanation and deconstruction of how to assemble. For now, just know the above code works in this type of design...and well, enjoy!