Forum Discussion

NormanMcGill-c1's avatar
NormanMcGill-c1
Community Member
8 years ago

Can you speed up the player in Articulate 360?

I don't think this has been possible before, but can a user speed up the audio on the player in 360?
storyline 360
CrystalCuci-b2f's avatar
CrystalCuci-b2f
Community Member
3 years ago

Thank you for the response, Math! I read through the comments and saw that it is possible with Javascript, which I know we could implement. However, as you mentioned, I have concern with the timeline, hence all animations, captions, etc. not syncing properly at that point. We could have a button that pop ups when the user clicks to speed it up the player that explains that, I suppose. However, I just want to see it all function properly like most modern players. :)

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

Agree with you... i now have a functioning audio speedup/slowdown function and it works nice... but as said... the timeline itself doesnot know of the speedup and gets out of sync. Trying to fix that now i did find in the frame.desktop.min.js files in the Articulate folder some code that does the progress on the bar...

key: "onTick",
value: function (e) {
var t = 100 * e;
(this.progressBarFillEl.style.width = t + "%"),
this.progressBarEl.setAttribute("aria-valuetext", Math.round(t) + "%"),
(this.progressBarEl.value = this.currTimeline.timeline ? this.currTimeline.timeline.currentTime : 0),
y.trigger(g.currTimeline.TICK, e);
},

the width and the aria-valuetext are the values that show the progress. Im now gonna try to add a variable into that code...that i can use to speedup/slowdown the timeline.

Added a console.log inthere... and indeed the t variable inthere is the elapsed percentage of the timeline. Going from 0-100...
onTick t= 99.96249238126495

So if in some way i can influence that variable i can speedup/slowdown the timeline.
Actually the e passed to the function is a value going up from 0 to 1. So i indeed need to find a way to pass the playbackRate from the player to this part of the code.

Related Content