Articulate Storyline 360 is a powerful tool for developing interactive and engaging eLearning content. One of its learner-friendly features is the playback speed control, which appears in the modern player and allows users to adjust the speed of media playback. Articulate Storyline 360 does not provide built-in settings to remove Specific playback speeds options using JavaScript.
Click Preview to watch a step-by-step tutorial on How to Remove Specific Playback Speed Options from the Articulate Storyline 360 player Using JavaScript.
In this blog, you’ll learn how to remove specific speed options (like 1.75x and 2x) from the Storyline playback speed list using a simple JavaScript trigger. Though Storyline 360 does not natively support this level of customization, a workaround using JavaScript allows you to take control of how your content is experienced.
About Articulate Storyline 360
Articulate Storyline 360 is a flagship tool in the Articulate 360 suite, designed for creating responsive, interactive eLearning courses. Widely used by instructional designers, educators, and corporate trainers, Storyline 360 offers a familiar PowerPoint-style interface combined with powerful features like:
✔ Triggers and variables for interactivity
✔ Layers and states for dynamic content
✔ Quizzing tools with graded and survey questions
✔ Screen recording and simulations
✔ Responsive player for mobile devices
What Is JavaScript?
JavaScript is a lightweight programming language commonly used in web development. In eLearning authoring tools like Storyline 360, JavaScript enables developers to extend functionality beyond the native feature set.
With JavaScript, you can interact with the Storyline player, trigger events, manipulate the DOM, and even modify interface components, like the playback speed menu.
How to Remove Specific Playback Speeds Using JavaScript
Follow these steps to remove unwanted playback speeds options from the Modern Player in Storyline 360:
Step 1: Open Your Storyline 360 Project
✔ Open your course in Storyline 360.
✔ Click Preview > This Slide or Entire Project.
✔ Click the playback speed in the player and observe the default playback speed options.
Step 2: Open Slide Master
✔ Go to the View tab at the top of your screen.
✔ Click Slide Master.
✔ Select the top-level slide layout (or a relevant layout used in your course).
Step 3: Add a JavaScript Trigger
✔ With the Slide Master selected, go to the Triggers panel.
✔ Click Create a new trigger.
✔ Configure it as follows:
○ Action: Execute JavaScript
○ When: Timeline starts
Step 4: Paste the JavaScript Code
const divs = document.querySelectorAll(‘div[data-speed=”2″], div[data-speed=”1.75″]’);
// Loop through the found divs to hide their parent li element
divs.forEach(div => {
const li = div.closest(‘li’);
if (li) {
li.style.display = ‘none’;
}
});
Step 5: Save and Exit
✔ Click OK to save your JavaScript.
✔ Close the Slide Master view.
✔ Save your project.
Step 6: Preview Your Course
✔ Click Preview again.
✔ Click the playback speed in the player menu in the player.
✔ You’ll now see that the 1.75x and 2x options have been removed from the speed control list.
Looking for a Learning Management System (LMS) Solution?
We offer Learning Management System (LMS) solutions tailored to your organization’s unique training, compliance, and performance management goals.
Whether you’re a corporate organization, educational institution, or non-profit, we’re here to help you deliver engaging, scalable, and measurable learning experiences.
Why Limit Playback Speed option in Storyline 360 player?
Articulate Storyline 360 has evolved to offer learners more control over their experience, including the ability to adjust playback speed. While this flexibility can be beneficial in some training scenarios—like review modules or optional learning content—it can be problematic in others.
For example:
✔ Compliance training often requires that learners engage with content at a prescribed pace.
✔ Voice-over synced animations can become desynchronized if played at different speeds.
✔ Assessments and scenario-based modules may lose impact if users rush through.
By default, the Modern Player in Storyline 360 provides the following playback speed options:
✔ 0.5x (half speed)
✔ 1x (normal speed)
✔ 1.25x
✔ 1.5x
✔ 1.75x
✔ 2x (double speed)
Unfortunately, Storyline 360 does not currently support removing or customizing individual speed options natively.
Summary
Although Articulate Storyline 360 doesn’t currently support playback speed customization out of the box, this JavaScript workaround gives you more control over the user experience. Whether you’re building compliance-driven training, voice-synced modules, or timed assessments, removing select speed options helps preserve the intent and integrity of your course.
Keep in mind: This solution uses an unofficial method, so be sure to test it thoroughly in your LMS or browser environment.
Frequently Asked Questions (FAQs)
Q1. What is Articulate Storyline 360 used for?
A. Storyline 360 is used to create interactive, multimedia-rich eLearning courses that support assessments, branching scenarios, simulations, and SCORM-compliant delivery.
Q2. Who should use JavaScript in Storyline 360?
A. Storyline 360 users with basic coding knowledge or developers looking to extend functionality beyond the built-in options can use JavaScript effectively.
Q3. Does Articulate support custom JavaScript in their player?
A. Articulate allows JavaScript execution, but they do not offer official support for issues caused by custom scripts.
For more information, please visit our Custom eLearning Development Services page.
Q4. What file formats does Storyline 360 export for LMS platforms?
A. Storyline supports SCORM 1.2, SCORM 2004, AICC, xAPI (Tin Can), and cmi5 for compatibility with various LMS systems.
Q5. How can JavaScript enhance a Storyline 360 course?
A. JavaScript allows you to manipulate the course player, track custom user data, integrate external APIs, and implement features not natively available in Storyline.
Q6. What makes Storyline 360 ideal for corporate training?
A. Its user-friendly interface, support for LMS integration, rapid development features, and responsive design make it perfect for enterprise-level training deployment.
