Background Audio Cool Trick
May 23, 2016
Pinned Reply
Hello, Everyone! ✨
I'm happy to share that we have released a new update for Storyline 360 (Build 3.79.30834.0).
In this update, we have an enhancement where:
- Background audio is now supported in the published video output.
As a first step, I recommend updating Storyline 360 to the latest version. Here's how:
If you have any questions, please let us know in this thread or privately in a support case.
Have a great day!
279 Replies
Hi Emily,
When I publish my Storyline 360 file to LMS, and then open it, below is what I see. I don't see anything that says story.html. Can you please clarify exactly what I need to open from the list shown and where I start typing your code?
Dawn,
The last file in your list is the one you want. It's called "story" and is an HTML file as the description points out (Chrome HTML do...). Double-click that file and it should run for you.
Cheers!
Darin
Can you loop this audio when doing this trick?
It should be built into the player option (added feedback already) :)
Has anyone has this work when you publish to html5 only? I can not for the life of me get it to work. I have uploaded the scorm file.
Bonjour, y a-t-il un autre moyen depuis cette possibilité d'ajouter une musique sur l'ensemble du prpjet ou c'est le seul?
Merci!
Hi everyone!
I am making an interactive video manual, where speaker says some words, what the learner should do, some special extra things etc., then video pauses and user should do what he/she was told to. I need a background music to work even when the video is stopped. And I can do it, BUT I need the background music to stop somehow when I need it to stop and I have no idea, how to do it.
Here are some of my thoughts:
1.I have created a variable 'VideoFinished' in SL, that changes its value once user completed the necessary task. It's initial value is 'no', once user double clicks the first hotspot it turns to 'yes'
2. Added trigger "Execute Javascript when timeline starts on the slide"
3. JS is supposed to take the variable 'VideoFinished' from the course and use it as a condition whether to play music or not.
If I do not use any conditions on JS, audio is playing fine, it is looped, volume is adjusted.
However once I add a 'while' to JS, no audio is played at all.
Can someone please let me know, what am I doing wrong? Here is JS, var video - is a variable in JS that should be equal to the 'VideoFinished' of SL:
var player=GetPlayer();
var video=player.GetVar('VideoFinished');
while (video=no) {
var audio = new Audio()
audio.src = 'story_content/5kxW8RMEV8D_44100_48_0.mp3'
audio.play ()
audio.loop = true
audio.volume = 0.5
}
This is amazing. Thank you. You just have to remember to place your audio file in the "output" folder AFTER you have published to the Web or LMS. Web version: Update story.html. SCORM for LMS: Update the index.lms.html file.
This post was removed by the author
Hi @Matthew Bibby,
I was able to use the code it works great. Any idea how to control the volume? Is there a script I can use?
Hi all !
For the Volume add propriety "volume" in tag audio. Example :
<audio src="YOURAUDIOHERE.mp3" volume="0.9" preload="auto" autoplay loop></audio>
I hope help you :)
This post was removed by the author
This post was removed by the author
Hi everyone, I’m new to Articulate Storyline, I can’t believe how easy it is to learn. Yesterday I installed the program and today I have an interactive explainer video! :) I'm an animator by profession, I don't know much about coding, java, html and it's not clear to me why this part of the code doesn't work in Chrome , Edge either. Music is heard in IE and not in others. Thank you all and all the best
Boris
Does not work for me:(
Hi ! This trick works for me (I had to insert the code in the .index_lms.hmtl file though, not the story.html) but I would like to know if I could stop it (or mute it) on specific slides.
To be more precise, I have a video on a slide in which I would like to mute the background music I added.
Hi there,
I used this method last year and now am trying again on a new project, which is not working. Has something changed with Articulate 360 to prevent this trick?
It still works, you just need to paste the script into anything you can open with Notepad, depending on your output (SCORM or TinCan), like story, index-lms, etc.
To mute/ stop background music is not so easy, there are some suggestions in other conversations.. I never succeeded with that, quite complicated. :)
Thanks! I actually heard from Articulate that it does not work due to browser restrictions, so I'm trying to figure out a workaround via Java Script
It works, I use it regularly. Just add the script to Story and index_lms when you open them with Notepad.
Chrome and Edge block the Auto-Play. It works in Firefox (which is restricted in my environment) and IE. I have it going in IE but IE isn't great, so am trying another workaround. I'm not publishing to a LMS.
I see.. Sorry I thought you were doing it in LMS, which does work from Chrome for me.. :)
All good! Super appreciate the assistance either way 😊
Hi, I am trying to do this but it isn't working for me for Storyline 360. I am sure its how I am doing the code. I followed Dave's instructions and received the attached error. I added the code to both my story and lms html file.
Hello, It doesn't seem to work with me, I tried opening your attached file but there is no music that plays, were there any updates that made this stop working?