How to Add a Custom Volume Mute/Unmute Button to Your Articulate Storyline Courses

How to Add a Custom Mute/Unmute Button to Your Articulate Storyline Courses
How to Add a Custom Mute/Unmute Button to Your Articulate Storyline Courses

Introduction

Are you tired of not having a mute/unmute button in your Articulate Storyline courses, especially when using custom templates? Well, fret no more! In this guide, I’ll walk you through a simple process to add this crucial feature to your courses using JavaScript triggers. With just a few steps, you can enhance the user experience and provide more control to your learners.


Step 1: Create a Button with a Selected State

The first step is to create a button within your Storyline course that will serve as the mute/unmute toggle. Here’s how you can do it:

  1. Open your Storyline project and navigate to the slide where you want to add the mute/unmute button.
  2. Insert a shape or button onto the slide.
  3. Customize the appearance of the button to your liking. You may want to use icons or text to indicate the mute/unmute functionality.
  4. Create a selected state for the button. This state will change when the button is clicked to indicate whether the audio is muted or unmuted.

Step 2: Execute a JavaScript Trigger

Once you have created the button, the next step is to add a JavaScript trigger that will control the mute/unmute functionality. Follow these steps:

  1. Select the button you created in Step 1.
  2. Go to the Triggers panel and click on “Create a new trigger.”
  3. Choose “Execute JavaScript” as the action for the trigger.
  4. Paste the provided JavaScript code into the trigger. This code will toggle the audio mute state when the button is clicked.

Download Source File

You’ve successfully added a custom mute/unmute button to your Articulate Storyline course.

Don’t Miss Out on This Essential Feature!

Having a mute/unmute button is essential for providing a seamless learning experience to your users, especially in scenarios where custom navigation is involved. By following the simple steps outlined in this guide, you can ensure that your learners have full control over their audio experience.

So, what are you waiting for? Enhance your Storyline courses today by adding this important feature.


Conclusion

In conclusion, adding a custom mute/unmute button to your Articulate Storyline courses is a straightforward process that can greatly improve the user experience. With just a few simple steps, you can empower your learners with more control over their audio settings, ensuring a more engaging and immersive eLearning experience in custom player.

Share this article
Shareable URL
Leave a Reply

Your email address will not be published. Required fields are marked *

Read next