Forum Discussion

PayalTandon's avatar
PayalTandon
Community Member
9 years ago

Variable Playback Speed

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 t...
storyline 360
MathNotermans-9's avatar
MathNotermans-9
Community Member

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.
https://greensock.com/docs/v3/GSAP/Timeline

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.pause(),
t.totalTime = function() {
return i.toMilliseconds(t.duration())
}
,
t.stepAnimation = function(e, n) {
var r = i.toSeconds(e);
t.seek(r, !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 this...im gladly spent time and get it working. Will take some time though...

MaryMichelini's avatar
MaryMichelini
Community Member
3 years ago

Math, it sounds very interesting. I am trying to imagine cases where people would want the timeline to speed up, though.  Videos and audio I understand.  I suppose you mean speeding up audio on the timeline?

I used Mark Ramsey's javascript to speed up videos in Storyline (Mark, if you read this: my boss was blown away and you made me look awesome; I did tell him though that it was all from "this guy on the internet who helped me").

  • MathNotermans-9's avatar
    MathNotermans-9
    Community Member
    3 years ago

    Hi Mary, I suppose speeding up the timeline is only usefull in cases where a lot of default animation is setup in Storyline using transitions and effects. As i do them most of the time directly with GSAP i dont have a direct usecase for it. As i know there are a lot of Storyline users that do use the timeline a lot i can imagine a use of speeding it up...when you use the timeline a lot to time appearing/disappearing of texts, audio and other elements. 

    Having that said i immediately see a hurdle. Added audio and video should be accelerated/deccelerated too when changing the speed of the timeline.... ;-) 

Related Content