Make Storyline (CC) Closed Captions Moveable

Make Storyline (CC) Closed Captions Moveable
Make Storyline (CC) Closed Captions Moveable

Introduction

In the latest update of Articulate Storyline, users now have the option to set closed caption locations to either the top or bottom before publishing their e-learning courses. While this feature is undoubtedly useful, some users have encountered issues where the closed caption container overlaps with slide objects on certain devices. To address this challenge and provide a more consistent solution, I’ve devised a method to make the closed caption container freely movable during runtime with custom JavaScript.

Preview

How to Implement:

Setting up the JavaScript Trigger

  • Begin by setting up a JavaScript trigger to execute when the timeline starts on your first slide. This ensures that the script is initialized at the start of the course.
  • Paste the following code into the trigger:

Conclusion

That’s it! With this simple addition, your closed caption container will now be movable anywhere on the screen during runtime. This customization grants users greater control over the presentation of closed captions, ensuring optimal visibility and accessibility for all learners.

Share this article
Shareable URL
Comments 2
Leave a Reply

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

Read next