Background Music Demo
Mar 24, 2015
I made a demo featuring background music that goes through the whole course (doesn't change from slide to slide). The user can chose from four songs to listen to and can adjust the volume, and the song continues playing through every slide and loops when it completes. I've also added instructions on how to make this work to the module.
I don't know whether someone else has already posted something like this (I couldn't find anything), but hey if so here's one more!
-------
I've put together a second demo that shows a different way to do this. This second version performs the same actions as the first one, but without needing to edit the output files every time you publish! It saves a lot of headaches when you need to edit something in the course because now you don't have to drop the music files into the output folder and you dont have to edit the html file every time you publish!
I've also attached the second version .story file. Its called Background_Music_Version_2.story.
If anyone needs help getting either versions of this to work I'm more than happy to assist :)
201 Replies
Thanks for popping back in with an update Lal! Glad to hear that you were able to figure it out.
Hello! I am having issues with my music playing in IE 11. It works great in Chrome. Is music not supported in IE?
Hi, Jessica -- Please see the following info on System Requirements to ensure that you are viewing content in a supported way. And also, please confirm that you are viewing the content in the intended environment (or where it will ultimately be accessed by your learners) to verify functionality.
If you continue to have difficulties, please send your .story or source file over and we'll be happy to take a closer look. If you would prefer private review, here is the form you'd need to use. :)
Hi, Jessica -- I just wanted to confirm that your ticket, #00788182 has been received! I will check it out as soon as possible and will reply within your case with my findings. Your patience is appreciated! :)
Hi Christie!
I got it to work! Thank you!
Jessica
Thanks for popping in with an update Jessica! Please note that replying to the forums via e-mail attaches your signature. You are welcome to pop in and edit if needed.
Glad to hear it, Jessica! I will make a note on your ticket and close it out accordingly. :)
Is there anyone out there that has been successful with this fix? I have been trying it - exactly how it was outlined in the replies & am having no luck! I would love to connect with someone who could help!
Hi Tara!
Hopefully someone here will pop in and assist you, but you are also welcome to reach out to users directly via the 'Contact Me' option on the user profile. You could even reach out to Jackson if you wish.
I did reach out to him, but have not heard back. I would be thrilled if anyone else could help. :)
Hi Tara!
I forgot about this one - maybe this link will assist.
Thank you! I will check it out!
Hi Jackson,
If i set this up, can i just make the sound loop over say 2 slides or would it be the entire project?
Thanks,
Charlene
Hi Charlene! I'm sure that Jackson is probably still subscribed, but I wanted to mention that you can reach out directly via the user profile and the 'Contact Me' option as well in case he's not subscribed :)
Jackson said this earlier in this post & it worked for me.
So this trigger should stop the music from playing:
var audio = document.getElementById('bgSong');
audio.volume = 0.0;
Perfect, Thank-you
This information has be extremely helpful! I was able to add the background music to multiple courses. However, for one of my courses the music is way too loud and is blocking out the other media within the course. Is there a way to reduce the volume of the background music so it automatically plays softer, without having to add a volume control?
Hi Alexandria,
Are you able to adjust the volume prior to inserting into Storyline? You can also adjust audio you've inserted into Storyline as described here:
Click Audio Volume to change the relative volume of your audio track, then choose one of the following levels:
That's what I ended up doing thank you for the reply, it works well!
This rocks Jackson - Thanks for sharing!
Thank you so much for this information!
It was extremely helpful. I LOVE this community!
Thanks, Jackson. For the background song, is it possible to pause or turn the volume down?
Hi, Daniel -- Thanks for reaching out, and it looks like it's been a little while since Jackson replied here in the discussion, so if you'd like to reach him directly, you are welcome to use the 'Contact Me' link on his profile page.
Hi Jackson, I just have one mp3 file that I would like to play in a loop starting from a certain slide. Here are some screenshots of what I did.
But, when publishing to Moodle, I am getting this error.
I tried testing it on Articulate Tempshare, but also got an error.
Obviously, I am doing something wrong somewhere, so any help from you or other members who have had success using this approach will be greatly appreciated.
I also have another question. What should I do if I want the audio to stop playing after a certain slide? Is there another JS command I could use. In essence, it's a small file so I need it to loop on a number of slides but I would like it to stop once a particular slide is reached.
Many thanks in advance.
Anik
Hi Anik,
I can't speak to the Moodle error, but when uploading to Tempshare you'll need to have publish for web. If you'd like to try the content in another LMS environment you could look at using SCORM Cloud which is an industry standard for testing LMS content. You could take a look at the article here for some directions on how to test this out.
I'll defer to the community in regards to the additional JS set up as it's not something that staff can offer support for.