Background Audio Cool Trick

Here it is sir

I added that file to the thread

I think I misunderstood your request. I don't see JavaScript being executed at all in your file. I'm not the expert at manually adding the code outlined in this thread (and I'm not a fan of it either... lol) so I couldn't really say what is going wrong in your post publishing production. If you want to try the JavaScript method, let me know. If you are using it and I'm just not seeing it, point me to where it is located in your file.

Owen,

Here is the .story file for my project using the Java Script method. Please take a look. Thank you sir.

Owen,

Sorry I didn't reply to your direct question. Here is the .story file with the Java Script method.

Thanks for this great tip!

I did have to add it to the index_lms.html in order for the audio to play in our LMS. The story.html wasn't working. 

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.

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 :)

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. :)