Forum Discussion
Background Audio Cool Trick
Hi All,
Just wanted to share a way to add audio across all slides in Storyline 2 There are a few posts on here about this, and I found this method to be super simple.
**Please note that this is just a cool trick, and not a built in feature of Storyline 2.
Publish your course, open the story.html file with Notepad, scroll to the bottom and add this code
<audio src="YOURAUDIOHERE.mp3" preload="auto" autoplay loop></audio> with a space before the </body> and place your audio file into the published output folder and there you go. That is it.
Here is an example, http://bit.ly/1sy5dkV and the output folder is attached.
Have fun!
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!
- SuzeAshford-BarCommunity Member
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!
- AnnaRabassoCommunity Member
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!
- OwenHoltSuper Hero
audio.pause();
audio.play(); - SabrinaElyCommunity Member
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).
- OwenHoltSuper Hero
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.
- ChristinaWor667Community Member
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?
- GerardoPedrazaCommunity Member
This question was placed 3 years ago. Are there any updates?
- OwenHoltSuper Hero
Which Question? This thread was active as recent as 21 days ago...
- GerardoPedrazaCommunity Member
If background audio is now supported in Storyline without tricks...
- OwenHoltSuper Hero
It is not. Tricks are still required, but they aren't that hard to implement with a little practice.
- DawnDeVillers-4Community Member
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
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.
- DawnDeVillers-4Community Member
I cannot get this to work in storyline360. Please any help would greatly be appreciated.
dawn
- SuzeAshford-BarCommunity Member
Hi Dawn
Where are you publishing to?Kind Regards
Suze Ashford-Barnes
Tel: 07788 577004 / 01453 511896
www.bluestaglearning.comPlease 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.
- JuliusDavidNatiCommunity Member
Wow, I'm reading a thread 3 years ago and it still works pretty well today. Thanks!