How do you play a single song as background music?

Jan 07, 2013

I have a short (2 minutes) marketing piece that tells the story of who our training department is what we do. It contains less than 20 slides. I've not been able to figure out how to play a single song during the entire course. I plan to voiceover each slide and have music playing in the background.  I did a quick search of the forum and find anything. I know Storyline can do it. How do I do this?

61 Replies
Kevin Thorn

Hey Marty,

Currently a looping music score across multiple scenes/slides is not possible in the current version of Storyline.

I do recall a conversation some time ago about this and someone had offered an alternative, but I don't recall who and didn't save the thread. 


Perhaps someone else remembers. Otherwise I don't think it's doable...yet.

Marty King

How and where would you add this? I was thinking of cutting the music for each slide or just play the same short song for each slide. I'm basically trying to use Storyline to create Prezi time animated presentation. This is a pet project that I work on when I'm not busy. I just got handed three courses to complete by the end of the month so I can't work on this now. I hope to hear other ideas on how to accomplish this from the staff.

Alexandros Anoyatis


Hi Marty,

This is the html5 tag for playing audio files without any player controls. Adding this line to story.html and story_html5.html right before the closing BODY tag would play the audio file named "sound.mp3".

Agreed, this is outside the scope and purpose of Storyline, but if you really want to have background music the whole way, you'd probably have to use this "hack", or something similar anyway.

Have a look at the simplest of implementations here.

Note : Webkit & IE9+ only at this point (but it can be made to work with all major browsers if you convert your audio to .OGG as well).

I'll try to create a better version of this soon, and share the code with you here.

Hope it helps,
Alex

Bruce Graham

Hi Rachel,

I "...could not write code..." until about 3 weeks ago when needed to for another solution.

What you need to do is:

1> Compile your course.

2> Find the output files as mentioned by Alexandros, and use Wordpad to edit them as explained. Do not think of it as "code" - just think of it as a normal document filled with strange stuff

You do not need to know the code - just follow the instructions - you will be fine.

Have a play with a test file to get the hang of it first before doing a "real" course. It's only the output files you are playing with, so if it all goes pear-shaped you have not destroyed anything, (but I always use a test file or copy of original until it works - just to be sure!)

Let us know how it goes.

Bruce

Alexandros Anoyatis

@Meghan

In this case, I'm afraid you're pretty much "married" to the music as is. It is possible to show a different html5 player under or over the Articulate Player, but that looks both redundant and half-baked. Having said that, I can post the code if you're interested.

@Rachel,

Bruce is right, however I totally get how you feel, as it may seem a little daunting the first time you try to fiddle with the very concept Storyline tries to save you from. Unfortunately I have been unable to find a more reliable and convenient way to achieve this, so far. 

I will try to make some time tomorrow to create a short screencast that clearly describes the whole "process".

Alex

Alexandros Anoyatis

Update :

I have now managed to merge the background music volume to the stock players Volume Button, but it works in HTML5 only. If only i could get an acceptable ID for Flash... :(

Anyway, here is the modified code :

Instructions : You need only change 'story.html' by inserting " id='control-volume' " as shown in the pic.

Hope this helps (albeit just a little more),
Alex

Marty King

This post has come along way. I ended up playing music in the first and last slide. Great work Alex! I think I can do this. I'm not intimidated by the code. I have worked with HTML a little and there is plenty of instructions online. 

The project marketing piece that inspired my original post has been well received in my organization.  I think I will try to add the music to the project now that I know how. I wanted music to play in the background and under the voiceover for whole piece. Now I can do this.

Alexandros Anoyatis

Yup...Welcome to the (non-existent) world of cross browser compatibility... One can't help but dream...

What you are getting is to be expected. IE9 does not support WAV audio (only MP3 and AAC). Once you convert to MP3, it will work there as well.

To sum this up :

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

Hope this helps,
Alex

Alexandros Anoyatis

Hi Alison,

I haven't tested this against LMS output so far.

However, please have a look inside your zipped SCORM package. I don't think SL includes the audio files when zipping the package, even if it's already in your root. However, you can insert it through your zip application.

Once that's done, you may also have to check if the audio files do indeed get extracted with the rest of the course in your LMS. If not, that means you may need to edit your imsmanifest.xml and include those files ( under <resources> ).

Let us know how it goes,
Alex

Shannon Lilly

Hi All,

I tried this solution and could not get it to work at all. I do not really know HTML so can't figure out what I am doing wrong. Is there anywhere I can find a step-by-step process for doing this? The posts above aren't completely clear on exactly what code to add (there are several different ones within this thread) or where to add the actual audio files. I added them to the "Story Content" but that didn't seem to work. 

Grr... I hate being a newbie!

Shannon

David Janus

Shannon Rist said:

Hi All,

I tried this solution and could not get it to work at all. I do not really know HTML so can't figure out what I am doing wrong. Is there anywhere I can find a step-by-step process for doing this? The posts above aren't completely clear on exactly what code to add (there are several different ones within this thread) or where to add the actual audio files. I added them to the "Story Content" but that didn't seem to work. 

Grr... I hate being a newbie!

Shannon


This is an awesome and very helpful thread on this topic.  Thank you to Alexandros for all of your work on this, and everyone else for posting their experiences and methods!

I would also like to know where to put the audio files as the poster above has asked?

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