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?
This thread is a bit older, and I'm not certain that they're still subscribed, so you may want to send a private message to a few of those here who may be able to assist you in setting this up.
Are you publishing HTML5? If so, you might need to tweak the code a bit to accommodate. I am no code expert, and typically fumble my way through it, but maybe this will be helpful.
Excellent post!,,,Thank you Alexandros and everyone who contributed! I was very impressed with how much was shared.Thank you all again, I learned so much...
First, a BIG thank you to everyone who contributed to this thread. I had a last-minute request from a customer to add background music to a Storyline file that's about 80% complete and you have given me some great ideas.
I was able to get this to work using Google Chrome, but we're still using IE8 as our default browser. It doesn't support the <audio> tags. I had to use the <EMBED> code. But I know some people use Google Chrome here. I ended up using both snippets of code.
The audio file is in the same root directory as the story.html file.
Thank you for the great post! I managed to include the audio following the coding but now I am facing another issue. When I try to exit the course by clicking on Exit, the course doesn't closes.
First, a BIG thank you to everyone who contributed to this thread. I had a last-minute request from a customer to add background music to a Storyline file that's about 80% complete and you have given me some great ideas.
I was able to get this to work using Google Chrome, but we're still using IE8 as our default browser. It doesn't support the <audio> tags. I had to use the <EMBED> code. But I know some people use Google Chrome here. I ended up using both snippets of code.
The audio file is in the same root directory as the story.html file.
Hope this helps!
Hi Scott,
Can I include this code also in the index_lms.html file as well? I tried to do it and the sound doesn't play. Do you know how can I fix this issue?
Unfortunately I won't be able to assist with the modification of the code in your index_lms.html file, but I hope that users here in the community who have done the same are able to assist here.
Well, you stirred my curiosity here. So attached is a demo I threw together where I just added the music to a single slide, then use layers instead of additional slides. You must be sure the layers cover the base layer content as you can't hide the base layer content for the layers, or you will not here the music. Navigation options are plentiful. Auto based on cue points or timelines, or just add navigation as I did here directly on top of each other.
Hi Rick, Thank you for sharing your knowledge. I did what you suggested and it works great, but I have one question. I set up the layers to automatically advance, but when I click the pause on the player, it pauses my music, but the slides conitnue to advance. Is there a way to have the slides pause as well as the music without adding "back" and "next" buttons on each layer?
Thank you Jackson, but I'm not very familiar with using code. My project only has one slide with multiple layers and the music is on the base layer. Each layer has animation and automatically advances. The problem is the pause on the player only pauses the music on the base layer and the slide layers continue to advance. I did find another suggestion I'm going to try...http://www.articulate.com/support/storyline/how-to-pause-the-timeline-of-a-slide
Basically with the seek bar you are pausing the main timeline but your animations on the layers are on another timeline. I use the solution you showed the link to as well, but that brings up a transparent layer that pauses the main timeline as well. You may be able to add a transparent pause layer, with a button to pause available on each of your slide layers. The triggers need to call that layer to pause everything, possibly. I did not try it.
It seems that if you kept more of the content on the main timeline it would be much easier.
Because my music was on my base layer, and my animated slides were on other layers, I ended up disabling the seekbar on the player and adding a pause button to each animated layer. I then duplicated layer 1, for example, and named it "resume layer 1 and changed the button to a play button.
My triggers for Layer 1 are "Show layer 2 when timeline ends", "Pause timeline on This layer when user clicks the pause button", and "Show layer Resume Layer 1 when user clicks the pause button". The triggers on my resume layer 1 are: "Resume timeline on layer 1 when the user clicks the play button".
I'm sure there is probably an easier way, but for now, this worked well for me. Thanks again for all your help.
61 Replies
@Shannon & David : your background audio file(s) have to be on the root story folder (i.e. where story and story_html5.html are).
Alex
Hi David! Looks like Alex took care of that question here.
Alex, thanks for popping back in to assist Much appreciated.
I've got this working in firefox but i'm not getting anything in IE? I've entered:
Any thoughts?
Hi Michael,
This thread is a bit older, and I'm not certain that they're still subscribed, so you may want to send a private message to a few of those here who may be able to assist you in setting this up.
Are you publishing HTML5? If so, you might need to tweak the code a bit to accommodate. I am no code expert, and typically fumble my way through it, but maybe this will be helpful.
http://www.w3schools.com/html/html5_audio.asp
Excellent post!,,,Thank you Alexandros and everyone who contributed! I was very impressed with how much was shared.Thank you all again, I learned so much...
First, a BIG thank you to everyone who contributed to this thread. I had a last-minute request from a customer to add background music to a Storyline file that's about 80% complete and you have given me some great ideas.
I was able to get this to work using Google Chrome, but we're still using IE8 as our default browser. It doesn't support the <audio> tags. I had to use the <EMBED> code. But I know some people use Google Chrome here. I ended up using both snippets of code.
The audio file is in the same root directory as the story.html file.
Hope this helps!
Very good workaround for this issue.
Thanks Alexandros!
Shane
Excellent, many thanks for sharing. Is there a way to get this playing for the ipad. I attempted to edit the ioslaunch.html file but not working.
Thank you for the great post! I managed to include the audio following the coding but now I am facing another issue. When I try to exit the course by clicking on Exit, the course doesn't closes.
How can I workaround this issue? Any ideas?
Thank you in advance!
Lina
Hi Lina,
The exit course trigger is one that can be a bit finicky as described here, and it may depend on your browser or LMS as well.
Please feel free to let us know if you need anything else.
Hi Scott,
Can I include this code also in the index_lms.html file as well? I tried to do it and the sound doesn't play. Do you know how can I fix this issue?
Thank you in advance!
Lina
Thank you Ashley!
The Exit button is working but the audio file not. :/
I published the course to LMS and I included the code mentioned above.
Probably I am doing something wrong as it doesn't work on the index_lms.html file.
It works fine on the story.html though.
Any ideas on how to workaround this issue?
Thank you in advance!
Lina
Hi Lina,
Unfortunately I won't be able to assist with the modification of the code in your index_lms.html file, but I hope that users here in the community who have done the same are able to assist here.
Well, you stirred my curiosity here. So attached is a demo I threw together where I just added the music to a single slide, then use layers instead of additional slides. You must be sure the layers cover the base layer content as you can't hide the base layer content for the layers, or you will not here the music. Navigation options are plentiful. Auto based on cue points or timelines, or just add navigation as I did here directly on top of each other.
It's truly ridiculous we have to use work arounds for this. Come on Articulate! At least keep features on par with Captivate.
Thanks Rick for sharing that here!
Thank you! :)
Hi Rick, Thank you for sharing your knowledge. I did what you suggested and it works great, but I have one question. I set up the layers to automatically advance, but when I click the pause on the player, it pauses my music, but the slides conitnue to advance. Is there a way to have the slides pause as well as the music without adding "back" and "next" buttons on each layer?
Heres another way you can accomplish adding background music to your course.
Thank you Jackson, but I'm not very familiar with using code. My project only has one slide with multiple layers and the music is on the base layer. Each layer has animation and automatically advances. The problem is the pause on the player only pauses the music on the base layer and the slide layers continue to advance. I did find another suggestion I'm going to try...http://www.articulate.com/support/storyline/how-to-pause-the-timeline-of-a-slide
Maggie,
Basically with the seek bar you are pausing the main timeline but your animations on the layers are on another timeline. I use the solution you showed the link to as well, but that brings up a transparent layer that pauses the main timeline as well. You may be able to add a transparent pause layer, with a button to pause available on each of your slide layers. The triggers need to call that layer to pause everything, possibly. I did not try it.
It seems that if you kept more of the content on the main timeline it would be much easier.
Because my music was on my base layer, and my animated slides were on other layers, I ended up disabling the seekbar on the player and adding a pause button to each animated layer. I then duplicated layer 1, for example, and named it "resume layer 1 and changed the button to a play button.
My triggers for Layer 1 are "Show layer 2 when timeline ends", "Pause timeline on This layer when user clicks the pause button", and "Show layer Resume Layer 1 when user clicks the pause button". The triggers on my resume layer 1 are: "Resume timeline on layer 1 when the user clicks the play button".
I'm sure there is probably an easier way, but for now, this worked well for me. Thanks again for all your help.
Hi Maggie! Glad that you were able to get a workable solution and thanks for sharing.
Great Job!! Thank you so much Alex
This discussion is closed. You can start a new discussion or contact Articulate Support.