Forum Discussion
Playing Background music across all slides - Storyline 360
Hi all,
I know there have been a few threads on this but I can't seem to find a solution!
I'm creating a project which I need audio for, but I would like the audio to run throughout the whole project and not just restart on each slide. I've tried adding the code that a girl called Emily mentioned a while back and putting the audio into the published folder (
<audio src="Ecom-Soundtrack.mp3" preload="auto" autoplay loop></audio>
</body>)
I added it to story.html and story_html5.html but this didnt work, whenever i upload to my LMS I get an error message.
Can anybody help? this is driving me insane!
Hi everyone!
I have some great news to share. We just released another update for Storyline 360. In Update 74, we've included important fixes and new features.
One of the new features we've included is:
- Create immersive experiences with continuous background audio that sets the tone and keeps learners engaged.
Launch the Articulate 360 desktop app on your computer to take advantage of this update, and click the Update button next to Storyline 360. You'll find our step-by-step instructions here.
Please let me know if you have questions!
The solution is the same and works the same for both Web and LMS publishing options. :-)
Thank you so much!! I will try this!!
Dawn Horner
Sr. Director, Sales Training
dhorner@coherus.com333 Twin Dolphin Drive, Suite 600
Redwood City, CA 94065
Office: 650.395.0236
[logo]Hi Owen,
I wanted to update you on something. Whichever solution works by playing background audio no longer works with the latest Google Chrome browser! Which is my company’s default browser! My IT dept worked on this for me and they could get your solution to work in Firefox but not Chrome. Apparently Chrome now blocks background audio!
So, I wasn’t quite as inept as I thought! 😉
Dawn Horner
Sr. Director, Sales Training
dhorner@coherus.com333 Twin Dolphin Drive, Suite 600
Redwood City, CA 94065
Office: 650.395.0236
[logo]It actually still works on chrome. However, you have to have the user interact with the page 1st before executing the JavaScript to start the music. In the example below, the music starts playing when you click either of the puzzle pieces that you can move.
https://360.articulate.com/review/content/f8f8411d-262b-4e99-8067-cd1d60139304/reviewIn other words, once you interact with the page, the browser will allow media.
What would the line of JavaScript be if I use Owen's 2nd option? Where do I put the relative link?
Reference:
2. put it in a folder. Add a blank html page with the file name index.html in the same folder. Create a scene that the user cannot navigate to and on the one slide in the scene, insert a web object. Point to the folder that contains your music and the index.html page. StoryLine will assume that everything in that folder are assets for the web page sot it will import all of them. Publish once. This allows you to see the folder name SL assigns your assets. Now you have a relative link to the file.
I followed the Javascript instructions and received this error message: "Some of the media in this project cannot be included in this video." I am also wondering how Storyline 360 has not made it possible to easily add continuous music to the background when they have the capability to create videos. I would love to see this feature added in. I have a feeling company firewalls might be preventing me from "linking" the video from a C-drive folder to Storyline?
You most definitely cannot point to a c: drive location. It either has to be a relative link to a subfolder in your published files or an html link to a location on the web.
- On the Insert tab, select Audio, and then Audio from File. In the file explorer, locate the music file you want to use and then select Insert. With the audio icon selected on the slide, on the Playback tab, click the list named Start, and select Play across slides.
Copied 1 for 1 from your example storyline file, changed the file name as well - nothing. It's pretty crazy that this isn't an established feature in Storyline - being that it is an established feature in PowerPoint which is incredibly easy to use.
Hey guys. I had a client request this feature and couldn't find an elegant solution anywhere. I managed to come up with my own solution that allows Storyline to pull the audio files from the resources section. You can view a sample here.
I had to create my own custom javascript, but I put together a video and a blog with all the javascript you'd need to recreate this effect on your own.
Hope this helps! And happy Storylining!
-DG
Using "resources" as a brief case for course assets (like music) is one of my favorite things to do. You can even take your JavaScript a step further and "hide" the resources tab from the player.
