How To Make Background Music Play Continuously Throughout The Course In Articulate Storyline 2

Audio Transcription

Articulate Storyline 2 provides the flexibility to customize interactivity to the max with minimal efforts. This web based authoring tool gives feasibility to add JavaScript which can be of great help to take your eLearning courses to the next level. It’s fairly easy to extend and enhance the functionality of the built-in features in Storyline that come by default.

Refer the following link for more info: https://www.swiftelearningservices.com…

We came across a challenge in one of our courses developed for a Registered Training Organization (RTO). The course content was presently in simple form without voice-over. The audience were between the age group of 20-30 years and to keep the content attractive client wanted to add a background music.

If we embed the music in individual screens then upon every next click, the music starts from beginning. Even the audio in Master slide didn’t solve the issue.

We have overcome this limitation and customized it with the help of JavaScript. After following the below instructions you can play single audio file throughout the course.

Here are the steps to be followed:

1. Created a file called index.html in text editor (Notepad) and add the code (copy code from the post link)
2. Place the audio files in the same folder.
3. Open Articulate Storyline 2. Click on “INSERT” tab and select “Web Object”. Browse the folder location and click “Ok”.
4. Create a new trigger. You will see a “Trigger Wizard” pop-up appearing. Click on “Action” dropdown icon and select “Execute JavaScript”.
5. From “Script” just below “Action”, write the JavaScript in the given whitespace and click “Ok”. In “When” field select “Timeline starts”. (Copy Java Script from the post)
6. Create new trigger and set action, jump to next slide when timeline starts.
7. Now select the “SLIDE MASTER” and insert buttons.
8. Select button and create a new trigger. In “Script” field write the code and click “Ok”. In “When” field, select “Timeline starts”. You can do the same for second button.

Button 1
stopAudio();
playAudio(‘Feel_Good.mp3’);

Button 2
stopAudio();
playAudio(‘ My_Presentation.mp3’);

Note:

1. This does not work in preview mode
2. This does not work in offline mode for chrome
3. This functionality works only when you host the course on a server