Changing Speed of Audio in Articulate Storyline?

Nov 20, 2013

Janet Samuels
By Janet Samuels

I'm working on creating some Articulate Storyline projects for a class I teach.  Our current videos are MUCH less engaging and interactive and are simply the professor in front of a web camera lecturing.  One things students LOVE to do is to speed up the audio / presentation of the video.  Most students can listen and absorb items much faster than we can talk about them.  I have some audio/lecturing slides in Storyline (e.g. when I do a voice-over of a screen capture or talk about the basics of financial statements).  I'm wondering if there is anything I can add to the player that would allow students to control the speed of the audio.

Pinned Reply
Eric Santos
4 months ago12/13/23 at 3:53 pm (UTC)

Hi, everyone!

I have some great news to share. We just released another update for Storyline 360. In Update 83, we've included important fixes and new features!

One of the new features we've included:

Launch the Articulate 360 desktop app on your computer to take advantage of this update, and click the Update button next to Storyline 360. You'll find our step-by-step instructions here.

Please let me know if you need additional help!

167 Replies
Dwayne Schamp
3 years ago04/02/21 at 6:13 pm (UTC)

So I took this a bit further.

Using the code Owen started. I added a slider to allow for speed adjustment using 0.25 and 1.75 as the lower and upper limits of the slider. This code executes using the "when slider moves" trigger. Works for video too, just use a different variable and use ('video') for the getElement call. 

Only using one audio and video file on the slide right now. 

for audio: 

//this line of code will return an array of all audio tags on the HTML page
var x = document.getElementsByTagName('audio');
//this line of code assigns an ID to the first element in the audio array
x[0].id='testAudio';
var player = GetPlayer();
//get the value of Slider1 
var speed = player.GetVar("Slider1");   
// set the playback speed based on slider1 value
testAudio.playbackRate=speed;


For video:

var v = document.getElementsByTagName('video');
//this line of code assigns an ID to the first element in the audio array
v[0].id='testvideo';
var player = GetPlayer();
var video_speed = player.GetVar("Slider2");
testvideo.playbackRate=video_speed;
Patrick Ryan
2 years ago01/22/22 at 8:29 pm (UTC)

Our client just requested that we allow learners to adjust the speed of narration that plays along with the seekbar ("Some folks process quicker."). The request is similar to how Audible allows you to adjust the speed of an online book. I have also requested this feature request with Articulate. 

Articulate Staff, although there have been efforts by the community for workarounds using javascript, etc. this feature needs to be implemented by you. I know you can't give roadmap updates but I have noticed some staff have forwarded requests to the whomever is involved with adding features. I am asking that an Articulate staff member reply to this request and to forward this request again to the features team. 

Community, please continue responding to this thread and add this as a feature request. 

 

A.M. Davies
2 years ago01/23/22 at 10:06 pm (UTC)

Just adding another request that Articulate will probably throw in the bin. Do you actually care or just no? Can you just be honest with everyone and say you just don't care, you don't care what users want, you don't what our end users want? This isn't that complicated of a feature. Players have speed up or down by user selection for literally years and years. There are YEARS of requesting a simple feature and you've done nothing. It's really embarrassing. It isn't as if that much else has actually changed in SL 360. Absolutely frustrating seeing pages and years of responses and just a non-answer.

Leslie McKerchie
2 years ago01/24/22 at 5:30 pm (UTC)

Hi Patrick,

It has been a while since we've replied here, but I can confirm that this is in the hands of the right team, and we continually provide updates and insights shared from this conversation. I appreciate you taking the time to share what your client is requesting, the need for an update here, and for submitting a formal feature request.

Hi A.M.,

We do care. I appreciate you sharing your thoughts and how this affects you.

It looks like you may be new to our products and the community, so I wanted to share some information about how we manage these feature requests, as well as a link to the features and bug fixes we've released in Storyline 360 so far.

Thanks, Cathy and Janet! I appreciate you taking the time to share your thoughts and submitting a feature request. I've linked your two along with Patrick's to our internal report.

Math Notermans
2 years ago01/25/22 at 5:46 am (UTC)

As there is a similar thread here..
https://community.articulate.com/discussions/articulate-storyline/can-you-speed-up-the-player-in-articulate-360?page=3
I did start diving into speeding up and slowing down audio...and the timeline.
Speeding up audio aint to difficult. Issue is mainly the timeline that aint responding to the change. I did send a request to Articulate too. Not specifically for this, but more general to give developers the option to add custom variable to the code so Storyline can be extended and functionality like this can be developed by people like me.

Teresa Vanderpost
2 years ago01/25/22 at 4:06 pm (UTC)

We just don't put a video directly into Storyline anymore.  We purchased a Vimeo account years ago, and we upload all of our videos there and just embed it.  This way your learner can control the speed while you wait for the feature to be added within storyline.  Just a thought....I am sure this may have been mentioned before, but just in case :)

LaRhonda Jefferson
2 years ago02/25/22 at 10:02 pm (UTC)

I tried using the above code and it seems to only work on one slide. What if I have single video animation on each slide. When I added the playback code on each slide, the Javascript does NOT work. 

Also, how do you determine which video has which ID in the video array?  Any help would be appreciated.

 

LaRhonda

Mark Ramsey
almost 2 years ago05/03/22 at 12:31 pm (UTC)

Hi Kathryn,

I have shared this code previously here, but here it is again,

The main thing to set: the variable numberOfVideos needs to be set to the maximum number of videos in your course. You only need to set this variable's value once — the default value. Once you've done this the code should work for all videos. And remember that you have to publish your course in order for the JavaScript to work; previewing won't make this work.

LaRonda, I hope these instructions will help you make your code work.

HTH,

Mark

Kelly Auner
almost 2 years ago06/14/22 at 7:23 pm (UTC)

Hi Kristi,

Thank you for checking in. Our feature roadmap is a great resource to see what we are currently working on. We aren’t ready to share a specific date on when this feature will ship, but we’ll be sure to update this discussion when it’s ready to go!

Thank you again for your feedback, and please don't hesitate to reach out to our support engineers if you need assistance on a specific project. We'll be happy to take a look!

Kelly Auner
almost 2 years ago06/29/22 at 4:02 pm (UTC)

Hi B Essien,

Thank you for reaching out! We appreciate your feedback.

Our latest release of Storyline 360 version 65 (Build 3.65.28121.0), includes the ability for learners to interact with videos via accessible controls that match the modern player style, exceed color contrast guidelines, and communicate perfectly with screen readers. Learners can change the playback speed, switch to full-screen mode, and use picture-in-picture mode to move videos to a floating window.

We are still tracking the feature request for the ability to adjust playback speed in order for audio can be consumed faster or slower. I've added your comments to the case and will be sure to update you on our progress!

Mayra Alheli Rios
over 1 year ago10/11/22 at 3:55 am (UTC)

Hi Mark, I Used your code, but this doesn't work in review 360 either in LMS like cloudscorm.
This just work when you run the story.html in the desktop.
Also, I preview in review 360 your storyline project and this doesn't work two.

Link: https://360.articulate.com/review/content/9d2c369f-4418-4ece-8088-de6ac33be472/review
Do you have an extra solution for this?

Sign In to Reply