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
Yeah, unfortunately its not the greatest solution since it does negate the volume button for the rest of the course. As I work around I might have a narration sound mute button trigger on each slide. The volume level slider I don't really miss. I don't see a situation where the user would need to adjust the volume level(other than mute or unmute) using player controls. I think most users adjust volume levels using the computer's volume control.
I want to go test and play with this code now, but I can't just yet!
It's got me thinking about your JS code. Wonder if you could leave the default Player volume alone and apply that code to a button on a Master slide (global) that would still control the background music.
Hi - I desperately need to add background music to a project, but have no idea about code and I'm struggling with understanding some terminology.
I am sure I can cut & paste the code as directed, but what I don't understand is the instruction "Where "1.wav" is the name of the audio file you want to use. The file must be in the root
directory with story.html"
How do I ensure that the file is in the root directory?
I really need "dummies" instructions on the entire process or screenshots PLEASE.
Thanks
Hi Kristy,
Sorry to geek out on you and others. :)
The root directory is all the files/folders at the topmost level of a directory.
For example, when you publish a Storyline project and it creates and output folder. That folder is its root. The bg_music.wav file would go in that folder at the topmost level.
The story.html file is in the root directory. Another way to think of it is to ensure the music file and the story.html file can be seen in the same view.
This image of a typical output directory including HTML5 hopefully will help.
Woo-hoo - after 4 days of mucking around - I got it to work. Thank the pope I don't have to charge my time out!! THANK-YOU very much!
Now I need to try and figure out how to make the background music play quietly in the background so I can do a voiceover.....any ideas??
First thing that comes to mind is open your music in an audio editor like Audacity and turn the volume levels down and export.
Maybe even leave the volume up for a few seconds and then fade it to a lower volume just when narration starts.
Glad Kevin was able to help you out here Kristy!
... :(
What if I wish...Music accross several slides....but only on certain part of the course... ;(
Let s join the "feature request"...
The smartest way of doing is on a slide master,
Add a small loop of a sound file.(2 -3 secs)
Add triggers:
Play media when timeline starts
Play media when media completes
This wouldn't require any code, nor any complexities.
Thanks Stratbeans for sharing that here - I do know that other folks have mentioned that, but there may be a pause or silence as a slide jumps from slide to slide.
There are some wonderful workarounds here and I got one to work in like 5 seconds. But where I lack insight is on how that code fix gets transferred to the LMS SCORM files that get uploaded?
thanks,
jay
I was wondering has anyone found an easier way of adding Background music to a presentation?
Hi Ryan!
This is not something that Articulate can support, but you are welcome to reach out to any individual if needed for further assistance. There is also another thread here and Alex is always a big help with this subject.
I got this to work... BUT when I zip and load to my LMS the music goes away..Any help?
Hi Ryan!
You could test the output in SCORM Cloud and this may help you determine if the issue lies with the content or with your LMS.
Ryan,
Try making the changes to your final output folder rather than before
you publish.
Got it working, I modified the code somewhat.
Place the embed code under the <!-- Version comment....
This is just for a straight play, no looping. Swap out your music file name, and reisze it to 1x1. I have it as 100x100 just so you can see where it goes. Give it a go!
<!-- version: 2.6.1507.2315 -->
<embed src="yourmusicfile.wav" autostart="true" loop="false" width="100" height="100" > </embed >
Hello!
I use this solution:
After publication, in the file story.html and story_html5.html before </body> insert this code:
<audio id = "music" preload = "auto" autoplay loop autobuffer>
<source src = "file.mp3" />
</ audio>
After the opening <body> tag embed code:
<script>
function change_volume (volume_level) {
var audio = document.getElementById ("music");
audio.volume = volume_level;
}
</script>
In the project, on a slide (or a masterslide), if I need to change sound level, i use JavaScript trigger:
var volume_level=0;
change_volume(volume_level)
where volume_level specify the desired sound level: 0 - no sound, 1 - 100% volume, 0.5 - 50% of the volume.
Sorry for my english.
I have a really dumb question....how do you open the story.html file in notepad?
Thanks,
Dana
Nevermind, I figured it out. It's one of those days. :)
Glad you figured it out Dana and thanks for updating us.
Yes its possible ...we can call background music through externally with script.
Hi, Bhaskar -- Thanks for your reply, and if you would be able to share the solution that worked for you, I am sure many would be appreciative! :)
Hi, Ashley. It's been so long since this thread was started, I decided I should reach out to you directly. I have music on a base layer, and even though the other layers have "pause timeline on base layer" deselected, clicking on a button to advance to the next layer makes the music on the base layer stop playing. Any idea why this is happening?
Hi Lee-Ann,
Thanks for reaching out with your question. If you've set the slide layers to pause the base layer when advancing to another layer, it would make sense that the audio would stop playing when you do so. If you return to the base layer does it pick up where it left off or are the users not able to hear the audio again at all?