Background Music Demo

Thanks for your continued assistance Jackson.

Hi Jackson

sorry my apologies - here is the source file

You got it, Jane! I was just about to clarify that we were basically just hoping to see the .story file that you work in before you hit the Publish button, and that you should see a small, pinkish-purple "a" icon with your file name where you have saved the file (probably on your C: drive). Glad you got it sorted out! :)

Thanks Jane!

So firstly, the location variable goes back too far, the current one is:

"C:\Users\Jane\Documents\My Articulate Projects\test background music - Storyline output\story_content\WebObjects"

and all you need for that variable is:  story_content\WebObjects\6VUFHlYBLQO

The last bit, the 6VUFHlYBLQO part, can be found in the WebObjects folder after you publish your storyline file. If you ever add any additional songs or change the song that you included in the course you will need to find that folder again and update the variable with the new random string of numbers and letters.

Secondly, the trigger setting the song to start playing is missing. In your case, since it is just a single song, I would just lump that trigger into the same javascript trigger you already have to make it easier.

Use this trigger:

//load the scripts dynamically into the head of the document
function add_line() {
 var line = document.createElement("audio");
 var head=document.getElementsByTagName('body')[0];
 line.type = "audio/mp3";
 line.src="";
 line.id="bgSong" ;
 line.autoplay = true;
 line.loop = true;
 head.appendChild(line);
}
//but we only want to add these once!
if(document.getElementById('bgSong')==null){
 add_line();
var audio = document.getElementById('bgSong');
audio.volume = 1.0;
}

var player = GetPlayer();
this.Location= player.GetVar("location");

var audio = document.getElementById('bgSong');
audio.src=Location+"SONGNAMEHERE.mp3";
audio.load();
audio.play();

and replace "SONGNAMEHERE.mp3" with the real name of the song. The bold part of the script is the new part and you can add it to your trigger. This should get your music starting when the timeline starts.

Let me know if you run into any more issues! I hope this helps :)

Understandable, Jane -- happens to us all on occasion! And Jackson, you are a wiz as always, so thanks for all of the assistance you have provided! :)

Haha, no problaemo guys :)

Its cool seeing other people using this!

Hi jackson

Couldn't sleep so I got up and tried your solution - I must be missing a step as I couldn't get the music to play, have attached the source file and screen shots of my file locations and web object content and location. hoping you can help thanks Jackson

Hey Jane,

So I have to apologize, there was an error my previous post that stopped your file from working.

This is what I told you to set the variable as: story_content\WebObjects\6VUFHlYBLQO

It should have been this: story_content/WebObjects/6VUFHlYBLQO/

Notice that the slashes are facing the other direction and there is an additional one at the end. I corrected my mistake and your file started working! I attached the working file to this post so you can see this change.

Sorry about that! Let me know if you run into any more snags :)

Maybe you can sleep now Jane :)

Thanks again Jackson.

Haha! I know the feeling. Glad you have a great start to your day!!