Custom Audio Controller Using Toggle Button - Mute or Unmute Volume
In this video, you will learn how to create Custom Audio Controller Using Toggle Button.
Click the reference link to preview or download the sample:
By default in Storyline the audio control button has a fixed position with no options available in the settings to change it. Due to this limitation, it was challenging for us to customize volume controls. To overcome this challenge, we created a “mute/unmute” custom toggle button as a part of requirement from one of our clients.
Let’s delve into our intervention of “mute/unmute” customization.Here are the steps:
The custom button is compatible with following platforms:
1.Flash-based output (PC’s, Laptop) and
2.HTML5 based output (Mobile, iPad, Tablet)
1.Create a variable in Storyline “muteToggle” and set a default value to False.
2.Insert the “muteToggler.swf” file into the Master slide. This single swf on the Master slide saves your efforts of adding button on each slide.
3.Add two triggers in the “Action” panel as shown in the below Screenshots.
4.Add two triggers:
a.Adjust Variable “muteToggle” to “True” when the user clicks the audio button if audio button state is selected.
b.Adjust Variable “muteToggle” to “False” when the user clicks the audio button if audio button state is NOT selected.
Steps to perform this functionality – HTML5 based output:
* This does not work in preview mode
* This does not work in offline mode for chrome
* This functionality works only when you host the course on a server.