background music in Storyline
May 27, 2012
Pinned Reply
Hi everyone!
I have some great news to share. We just released another update for Storyline 360. In Update 74, we've included important fixes and new features.
One of the new features we've included is:
- Create immersive experiences with continuous background audio that sets the tone and keeps learners engaged.
Launch the Articulate 360 desktop app on your computer to take advantage of this update, and click the Update button next to Storyline 360. You'll find our step-by-step instructions here.
Please let me know if you have questions!
125 Replies
HI Widya, it is not possible to have a track play across all slides as in presenter. You can have a track play across a single slide
Hi Phil, thank you! Very unfortunate, I hope Storyline will have that feature in the near future.
What if you put the audio on the slide master? Would that work for playing music across slides in Storyline?
You could try but I think it would either not play or restart each time the slide master was called. In storyline the slide is destroyed each time you leave it
You could try either previewing or publishing the presentation, then screen capturing it live with something like Camtasia whilst playing the music in the background? It's fiddly, but it might just work!!
Hi. I'm also interested in adding background music to a slide with several layers. The layers are animated like a slideshow (with fade in/fade out animations), but I want the background music to continue across all layers. The only way I have been able to do this is to break the sound up and add it to each layer, but it's choppy... I'm very new to storyline so appreciate any hints if there is a way to make this more fluid.
Thanks!
Step to add background music:
1. Publish your story first
2. In the output folder, open story.html with notepad and edit the HTML code as below:
2a. First, find the coding -
2b. Add new coding underneath as follows:
2c. Change the "yourmusicfile.mp3" to your mp3 file name
3. Save the story.html
Erm...is there some example html code missing from your post Kenny?
This looks like the perfect solution to my problem however!
Hey Andy,
Sorry to jump in here. Just wanted to repost Kenny's code:
< embed src="yourmusicfile.mp3" autostart="true" loop="true" width="2" height="0" >
< /embed >
< noembed >
< bgsound src="yourmusicfile.mp3" loop="infinite" >
< /noembed >
I had to add some additional spaces so it would show up properly.
I hope this helps :)
Christine
@ Christine,
1st. Thank you for your post.
2nd. There seems to be 2 parts to Kenny's post = 2a. & 2b.
It appears that you have supplied the code for 2b. but we are still missing 2a.
The line of code(2a.) for which I need to look for, in order to place code (2b.) Yes?
Welcome to the community, Ian!
Here's his entire post (I modified it again, so hopefully it will all show up):
Step to add background music:
1. Publish your story first
2. In the output folder, open story.html with notepad and edit the HTML code as below:
2a. First, find the coding -
2b. Add new coding underneath as follows:
2c. Change the "yourmusicfile.mp3" to your mp3 file name
3. Save the story.html
I hope this helps :)
Have a great day!
Christine
@Christine,
Thank you for this coding. I have a question though - where do you place the "yourmusicfile.mp3" ? I tried placing it in the root directory as well as the story_content folder, but neither seem to be working.
Any help would be GREATLY appreciated!
Hi Debbie. Welcome to the community!
I'm afraid I did not write that code, or the directions. I was simply modifying it, because the original code with the proper placement of the <>, etc, wouldn't allow the forums to display the content.
You may want to try contacting Kenny, who posted the original code earlier, or maybe one of the community member's that have used this successfully can give you some advice :)
Thanks!
@Kenny,
Thank you for this coding. I have a question though - where do you place the "yourmusicfile.mp3" ? I tried placing it in the root directory as well as the story_content folder, but neither seem to be working.
Any help would be GREATLY appreciated!
The music file has to be saved in the same folder as the story.html folder. The way the code is written, the file is looking for a audio file in the same folder as the html file.
@Jerson
That's what I assumed from the code, but it is not recognizing/playing the file. I have ensured that the name of the file is the exact name of the one in the code.
Yes, this didnt work for me either. Any other suggestions?
Hi John and welcome to Heroes!
I'm not certain that Debbie or Jerson subscribed to this thread, so you may want to PM them for specific help on this. Otherwise, if you need anything else, let us know!
Hi All,
I have NO experience working with code and I would like to have background music play throughout the module. I tried to open the Story.html file in Notepad but it just plays the module...what am I doing wrong?
Thanks,
Marie
Hi Marie,
If you're not as comfortable with code, you may want to try the method mentioned by David Anderson in this thread, and you can join in with those who have requested background music as a new feature.
I want to have slide narration with music/sound effects (different file) in the background. The music does not have to continue beyond one slide. I could do that in presenter using playlist for the background music. Is this doable in Storyline?
Hi Christi and welcome to Heroes!
There is not a playlist feature within Storyline, but if you're adding additional audio files to a slide and you'd like them in the background of your narration you can edit the individual audio files and change the volume level:
Hi Christi - you can add more than one audio track to a slide and as Ashley indicated in her post, you can control the volume of each track independently which allows you to lower the volume of the music track.
You can at least a display the sound on a slide, so when you create layers, the sound can still be played. This can be used for nice effects as well.