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
I still believe using JavaScript to modify the HTML code at StoryLine launch is a better method than modifying the published output every time you publish. Save yourselves the headache! Set it, and forget it!
Link to my post in this thread.
Link to additional discussion thread.
I'm more than happy to walk anyone through the JavaScript associated with this alternative method so that you can do more than copy and paste it, you can understand it. :) Just ping me.
Emily this is brilliant - thank you. It hasn't worked for the particular project I'm working on at the moment as I have different music clips on some slides, and I just wanted to fill in the silences with one background tune, but I then get both tunes playing which I don't want.
I will definitely use this method in the future though.
Hi Emily!
Great post! Tried it and it worked perfectly. I do have one question. Is it possible to have audio start on different slide. For example after the first slide have the audio begin. I'm just starting to learn HTML so I'm not highly advanced yet. Any info would be much appreciated. Thanks!
Hi Robert,
I am honestly not sure how to get it to start on a different slide. This was one of my first attempts at adding custom code to a published file. If anyone in the community here knows, I am sure they will share.
Glad this post is still helping!!
If you use JavaScript to modify the web page dynamically you can change the audio with different slides.
Link to my post in this thread.
Link to additional discussion thread.
Thanks for the JavaScript Owen! I was able to modify the script you provided and get my looping audio to begin on slide 3 of my course. Very gratifying.
Glad it worked out for you.
We tried the steps using SToryline 3, we didn't get the same results. Can anyone help?
Hi Rovie,
Due to some changes in the published output based on Storyline 3 and 360's shift to allow for HTML5 first/only publishing it changed the way this workaround behaved. I haven't seen an example that someone's created for the latest versions of Storyline - but we'll keep you posted if we see it and link back to this discussion.
As far as I can see, the JavaScript solution still works in SL3. See the attached SL3 .story file and the zip of the published content. The .story file has 2 song choices on slide 1 and 2 on slide 2 as well as a volume control dial (found on the slide master). Unzip the file and double click the story_html5.html file.
Hi Matthew,
Do you have a fix for this?
Thanks:)
see my fix above.
This post was removed by the author
Wendy, I'm looking for the same feature. Did you ever find out how to do this?
Is this the right thing? It isnt working for me... document is attached.
this is not working in storyline 360.
Hi Nitesh,
Due to some changes in the published output based on Storyline 3 and 360's shift to allow for HTML5 first/only publishing it changed the way this workaround behaved. Owen shared an example that worked for him in Storyline 3 - is that the one you were using?
It seems with all the interest in having a feature like this that the developers would be working to add it to 360.
Hi Owen,
Thank you for posting your example and source files. I used your codes to create an SL file with music that spanning multiple scenes. I also used some of Jason Hamner's codes (https://community.articulate.com/discussions/articulate-storyline/background-music-demo?page=3) to auto play a designated music file at the beginning of the scene and stopped at a designated scene. I was also able to go backward in the timeline and the music would auto-restart at the designated scene.
Your volume control button was also very fancy and works wonderfully. However, my course was designed to show the default player volume control. Is there any way to control the background music using the built-in volume control?
Thank you,
Dan
Hey Daniel - I'm sure that Owen is probably still subscribed to the thread here, but you are certainly welcome to reach out to the user directly via the 'Contact Me' option on the user profile if you do not hear back soon.
I have not yet been able to "hack" the built in volume control to control music volume.
So sorry.
Hi Emily,
Thank you for the wonderful audio trick, it's works like a charm when I'm publishing to web. But I need to publish to an LMS and mine needs the file to be zipped. I tried publishing as SCORM, adding the code, and then zipping and uploading. LMS wouldn't accept the file. Any ideas what's happening? Thank you.
Hi Andrea,
Try making the changes in the published output folder once it's finished publishing in Storyline and don't close down the Publish successful window in Storyline - using the zip button there often works better than manually zipping it.
You could use Jackson's trick to import the files into your StoryLine published content using a hidden web object slide.
Once published, you will use JavaScript to play the music and control the volume. His post includes the script and instructions.
See the instructions here: LINK
I cant get this to work in Storyline 3 for some reason. Worded fine in Storyline 2.