Forum Discussion

DanJethrow's avatar
DanJethrow
Community Member
6 years ago

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

    • DawnHorner-fcb7's avatar
      DawnHorner-fcb7
      Community Member

      Thank you so much!! I will try this!!

      Dawn Horner
      Sr. Director, Sales Training
      dhorner@coherus.com

      333 Twin Dolphin Drive, Suite 600
      Redwood City, CA 94065
      Office: 650.395.0236
      [logo]

    • DawnHorner-fcb7's avatar
      DawnHorner-fcb7
      Community Member

      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.com

      333 Twin Dolphin Drive, Suite 600
      Redwood City, CA 94065
      Office: 650.395.0236
      [logo]

  • 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?

    • OwenHolt's avatar
      OwenHolt
      Super Hero

      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.

  • 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.

  • DanGraham1's avatar
    DanGraham1
    Community Member

    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

    • OwenHolt's avatar
      OwenHolt
      Super Hero

      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.