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
Exactly! It can't be that hard, Adobe Captivate has it!
Hi,
It is not working for me. I added that code in the story.html file before </body>. But it doesn't work for me. What would be the reason?
Thanks!
a pity that there is no regular solution yet
Sorry to bring this back, but is there a way to only loop the background music for specific set of slides? For example, I have 1-50 slides, I only want to loop the music in slide 5-8. Thank you.
Thanks for your response.
Can you explain how to loop the background music?
Thanks,
Greeshma
Any help with this is greatly appreciated.
Hello! I found this trick reaaaally cool and useful but I'd really need to solve this issue with Chrome too :(
Please please please Storyline developers add this feature to the next player upgrade!!!
If you're publishing in html5, you should follow a comment in the first page that explain how to add the html tag in the story_html5 file! :)
Looks like Chrome 70 and later broke this for us :(
This works on Edge but Chrome will not play the music.
Hi
Has anyone had any luck with this code and publishing to an LMS? Using 360... so many attempts and nothing seems to be working! HELP!
I can hardly believe it, but I did get this to work today in Chrome and IE on Cornerstone On demand LMS on a Windows 10 laptop. Today I have Version 72.0.3626.96 (Official Build) (64-bit). However yesterday I had Version 71 something. Who knows. Here are the details:
1. I'm running Storyline 360 October 30, 2018 version (due to two other bugs that I hope get fixed sometime).
2. Published using SCORM 2004 3rd edition, HTML 5/Flash. (Note: publishing with HTML5 did not work for me)
3. I opened the folder for the course in Documents>My Articulate Projects (or wherever you publish to).
4. I added my sound file (yourmusicfilename.mp3) to the root of my published course.
4. Code:<audio src="yourmusicfilename.mp3" preload="auto" autoplay loop></audio>
I added this line of code BEFORE <body> and <html> in these 2 files: index_lms.html and story.html. I used Notepad to do this. Be sure to save.
5. I added the same line of code above BETWEEN <body> and <html> in these 4 files: index_lms_flash.html, index_lms_html5.html, story_flash.html, and story_html5.html.
6. I zipped it all back up and sent to my client's Cornerstone administrator to load (this was about the 6th try).
7. Tested the course in Chrome and my music is playing through the entire course. It's also working in IE.
Before hitting Post here, I just went back to make sure I wasn't hallucinating and it still works. Somehow it is possible to make this work, in Cornerstone anyway. Good luck!
Hi,
Does anyone know how to make the audio stop and make it start again in the next slide?
The javascript to make the audio play worked well for me:
var audio = new Audio('myaudio.mp3');
audio.play();
But I don't know the javascript to pause it and play it again.
If anyone knows how to do it I will really appreciate it.
Thanks!
audio.pause();
audio.play();
This post has been really helpful and I was able to get the trick to work when playing on the microsoft Edge browser. It will not work on Chrome and will not work on iphones. Has anyone been able to find a fix to this?
My web files are uploaded to an amazon S3 account and playing from there (again fine on edge, no volume on chrome or iphone).
I don't believe the mobile player (iphone) supports javascript and Chrome's last security update requires a user to interact with a page before media will play. You can get around this by triggering your JavaScript to start the music when the user clicks a big "enter course" or "play media" button. *Note that this is a browser security limitation being forced on the media, it is not an Articulate software issue.
I am publishing to an LMS and it publishes fine but I don't hear the audio. Can someone please take a look at my attached test file and see if I did something wrong?
This question was placed 3 years ago. Are there any updates?
Which Question? This thread was active as recent as 21 days ago...
If background audio is now supported in Storyline without tricks...
It is not. Tricks are still required, but they aren't that hard to implement with a little practice.
I am in desprate need to have music in the background throughout the course. I have tried your files and code and I can not get it to work. I am using storyline 360. someone please tell me what I am doing wrong.
Ideally I would love to use javascript to control what slides play what music.
thanks
dawn
I cannot get this to work in storyline360. Please any help would greatly be appreciated.
dawn
Hi there, Dawn. You mentioned wanting to control which slides play which music. Do you need a single audio file to play throughout the entire course, or can you use different audio files for each slide?
If they are different on every slide, have a look at adding audio to your Storyline 360 slides.
Hi Dawn
Where are you publishing to?
Kind Regards
Suze Ashford-Barnes
Tel: 07788 577004 / 01453 511896
www.bluestaglearning.com
Please note Tuesday and Fridays are my non-working days, I will do my best to reply as soon as possible.
Hi Suze,
Just an FYI - I noticed that your email signature came through when you replied via email. You can remove that if you would like by clicking Edit beneath your response. Here’s a quick Peek video if you need help.