Variable Playback Speed

Jun 17, 2016

We build our e-learning courses using Articulate Storyline.  Recently, a number of our students have asked us if we can provide functionality of increasing the speed of the delivery, the provision that they have in Lynda courses and youtube videos.  

So I was wondering there is a provision for the same in Articulate Storyline.  



Pinned Reply
Luciana Piazza

Hello Everyone!

I'm happy to share that we have released Storyline 360 version 72 (Build 3.72.29654.0).

Included in this release is a new feature where you can let learners explore at their own pace by choosing a course playback speed between 0.25x and 2x.

Now all you need to do is update Storyline 360 in your Articulate 360 desktop app on your computer. You'll find our step-by-step instructions here.

Please let us know if you have any questions by reaching out to our Support Engineers directly.

Have a great day!

160 Replies
Gwen Martin

Please implement this feature! We recently switched from BrainShark to Storyline, and we've gotten a number of complaints about the lack up ability to change playback speed. In general, Storyline offers far more features than BrainShark did, but from users' point of view, they lost a capability that they used to have.

Mark Ramsey

Hi Michelle,

I figured out a way to control video speed using JavaScript. Please look at the attachments to see how this can be done.

FYI: This controls the speed of the video, not the timeline of the slide, which means if you use this AND have the Seek bar in the player, these will get out of sync with one another. Maybe you could "bake in" the transport controls into the video itself, and NOT use the Storyline Seek bar, to get around this issue. Still, if Articulate could use this code somehow underneath and tie the Seek bar to report video progression, then we would have something!

Daniel Castillo

I think this should be viewed as two different tasks: enabling variable playback speed for audio (i.e. the whole Storyline e-learning) and enabling it for embedded video.

Variable playback speed is now standard for video. These days, it seems that almost nobody views a video at normal speed unless their viewing the video for entertainment. Rise has variable playback speed for embedded video, Articulate Review has it, why doesn't Storyline? It would seem that Articulate is behind the curve there.

Enabling variable playback speed for the audio, or for the whole e-learning itself, seems to be a much bigger ask. I haven't seen such capability in other eLearning tools.

If the embedded video has variable playback, then that could also be a valid option for those who want to speed up the whole eLearning. People could publish their Storyline content as video and then embed that video in the Storyline slide or slides, thereby providing a similar experience than if the audio could be sped up.

So I think the first priority, and probably the less difficult ask, is to provide variable playback speed for the embedded video in Storyline.

Thomas Last

Thank you for your advice. I submitted a request for the feature. I had to
hold back on using Articulate storyline solely because of this one issue. I
can't understand why Articulate is so behind on this issue, especially in
light of the data supporting the benefits of using variable speed.

Math Notermans

As Mark states at some point in this discussion, there are 2 parts in Storyline that both would benefit from giving the user the possibility to setting the speed. Videos and the timeline.

For videos there are several options with other players or Javascript to get it done.
For the timeline there is at this moment no option. However as Articulate uses GSAP internally to do almost everything animationwise, i strongly believe they use it too for the timeline.
And especially i suspect they do use the timeline feature of GSAP to create and control the timeline in Storyline.

Especially when you check slides.min.js you find evidence of that...

timeline: this.props.model.timeline()

On several spots...

s.add(gsap.timeline().to(n, {
x: e * (2 === t ? -1 : 1),
ease: "power2.out",
duration: i

And when you check bootstrapper.min.js you find more evidence...

wrapGsap: function(t) {
t.totalTime = function() {
return i.toMilliseconds(t.duration())
t.stepAnimation = function(e, n) {
var r = i.toSeconds(e);, !0),
t.render(r, !!n, !0)

So im quite sure the Storyline timeline is in fact a GSAP timeline. And i do think with GSAP and javascript i can make the speed of the timeline controllable. So speed it up, slow it down at will. However this will be quite some research endeavour and will involve javascript. If enough people are interested in a workaround like gladly spent time and get it working. Will take some time though...

Alan Baertschi

Hi Leslie,

Are you able to find out if the developers have any plans to add this feature soon? A wonderful user just commented on this post that they would be willing to volunteer to code this functionality on their own time and share with the community. It's a shame it's come to this point, but just in case your team is actually working on this, I'd hate for this volunteer to waste their time. Thank you much!