Storyline 3 : Audio would mute when dragging the seekbar in HTML5 output

Audio would mute or overlap when dragging the seekbar in HTML5 output in Storyline 3 (Build 3.4.15731.0).

Publish As: HTML5 / Flash  or  Flash / HTML5

Tested in: Firefox 59.0.2 and Chrome 67.0.3396.62. Windows 7 x64

Please find attached Storyline file.



19 Replies
Katie Riggio

Hi, Avishek. Really sorry you're hearing audio issues when dragging the seekbar in the HTML5 output.

When I click to the end of the seekbar and then back, I hear the same audio issues you described in the latest versions of Chrome and Firefox. Here's my published HTML5 Web output and here is the Flash one, which works.

I did some digging, and I see that this behavior matches an open bug report in Storyline 3. I've attached your discussion to its report so we can keep you posted with new information once we have them! Thanks again for reaching out, and I'm sorry for any headaches!

Ashley Terwilliger

Hi Avishek,

Thanks for sharing that preview and screenshot of how you've set things up. 

The shorter lines will animate in a bit slower than the longer lines, but that's the same behavior you'll see in Powerpoint. It happens with the lines that are shorter, as they don't need to move as fast to meet the duration time total.

Ashley Terwilliger

Hi Avishek,

Storyline 3 and Storyline 360 are still animating each line (if it's a separate paragraph) but just at a different speed. I compared this with Powerpoint, and as I mentioned that's working the same. 

That difference in behavior from Storyline 2 to newer versions, and how those versions match Powerpoint lead me to believe this was something fixed in our latest versions and updates.

Let me know if I can help with anything else! 

Crystal Horn

Hi Avishek.  I actually see a difference between the HTML5 output you shared, and your Flash output of the same course:

It looks like the HTML5 output slows down the animation of the entire text if the line is shorter to make the wipe last for the total duration.  With Flash, the visual effect has the same speed, but it still takes the total duration to go from one line to the next.

The reason why Storyline 2 looks different is because it defaults to the Flash output.  If you published your Storyline 3 course with HTML5 first, you'll see the different behavior by default.

Let me confirm with my team if this difference in animation is just due to how those two outputs are supported by the browsers, or if they should be identical no matter what.  Thanks!

Class Revision

Hi Ashley,

I am using the latest version of Storyline 3, i.e. (Build 3.4.15731.0) as I have mentioned in my original post.

Animating each line at a different speed makes it look weird. Any user will think there is something wrong with the animation.

I have tested with HTML5 / Flash on both latest version of Firefox and Chrome.

Crystal Horn

Hi there, Avishek.  The current behavior of the HTML5 output is to animate based on the length of each line, and not on the length of the longest line.  This HTML5 behavior was the same in Storyline 2, though, as I mentioned, you might not have seen it if your browsers had Flash Player enabled.

I will submit a feature request for you so we can evaluate the impact of making a change to the HTML5 output animation style.  Thanks for having the conversation with us!

Crystal Horn

Hi Avishek!  Quick update:  I'm excited to let you know that we just released update 5 for Storyline 3! It includes new features and fixes - check them all out here.

One of the fixes addresses an issue where audio was intermittently muted when scrubbing back and forth on the seekbar in the HTML5 output.

Here’s where you can download and install the latest version of Storyline 3. Let me know how you make out!

Katie Riggio

Good morning, Avishek!

Our team is still assessing the wipe animation behavior, and while it isn't included in this update–we'll certainly keep you updated with any new information. You'll be notified immediately since you're subscribed to this discussion. 

We hope you enjoy all the latest release has to offer, and we're here if you have any more questions!