HTML5 Audio and Slide Layers in Storyline -FAIL!
Feb 21, 2013
We have a custom interface with a Pause button on it. when the learner clicks this button it shows the slide Layer "pauseLayer". This layer is blank except for a Play button in the same location as the Pause button (to approximate a toggle button). When the user clicks the Play button it hides the slide Layer. We have the "pauseLayer" set to "Pause the main timeline playback".
In the Flash player it works great. Clicking "Pause" pauses the main timeline animation and audio playback. Clicking "Play" resumes from the point it stopped. Perfect!
IN HTML5 it is a failure. Clicking "Pause" stops the playback and audio but clicking "Play" resumes the animation ONLY. The audio never resumes.
THIS IS A CLIENT SHOW STOPPER!
Much of their user base is moving to HTML5 over Flash (iPads vs Desktops)
I have tried every possible combination of settings (main layer" reset to initial state on return" vs "resume from last point" vs "let computer decide" No difference. I have had NOTHING but trouble with HTML5 audio and slide layers on multiple projects. Its gettting old.
BTW iPad is running most current iOS so its not that. The same problem occurs on computer browsers running the story_html5.html version too.
49 Replies
Hi Brian,
I noticed you post (quoted below) is from June '13. Is there any update on whether you officially support HTML5 on Android? I know Chrome for Android has gone through a few update cycles in the past few months.
Good Afternoon, Eric.
Articulate still does not officially support Android devices or browsers, and at least one significant Chromium bug is still outstanding. Having said that, you may be interested in this discussion regarding some potential workarounds.
Thanks for checking in!
Thanks, Justin!
you are figurin out how much a unique enviroment such as flash player would be the best solution for this kind of development, ah? well you can thanks Apple for this.
so, is there any working way to pause the main timeline, html5 compatible? i cant find any.
is it such difficult to integrate a trigger to pause/resume the timeline? why does it work so fine in html5 Captivate for example?
Hi Zio,
I can't speak to Capivates HTML5 capabilities - but there is a method here on how to pause the timeline of your Storyline slide.
Hi Ashley,
That method doesn't seem to work in HTML 5. ? Should it?
(The pause timeline of base layer function when revealing a slide layer.)
I'm pressed by a deadline and have just discovered this isn't working, I was sure it was working when I was testing it a few months ago! :(
Hi Dann,
What update of Storyline are you using/were you using before? I do see where this was reported from another user here but it doesn't seem to be specific to HTML5, although I know update 6 fixed a number of things within HTML5.
HI Ashley,
I'm using Update 6. 1407.2208 (I think it is the latest?)
Basically the pause base layer function (when showing a slide layer) doesn't work in HTML5. The flash version works fine (exported from the same file). Could you find out if it is meant to work?
Thanks for the quick reply.
Dann
Hi Dann,
That is the latest update and I haven't seen or noticed a change in that with Update 6, but would you have a sample file or link you could share here with us? Just want to take a look at all your slide properties and layer settings. Also, are you seeing this in the HTML5 content within Chrome or on your iPad mobile Safari?
Hi Ashley,
I'm seeing it on both my PC in those browsers when I launch directly from the HTML file and on iPAD. I'm about to head off home for the week, but next week I'll see if I can pair down one of our files to show you (they are quite large, so sending the whole thing might not be optimal)
Cheers
Dann
Hi Dann,
Sounds good - just a few slides that demonstrate the behavior should work, so that I can see how you've set things up and if there is anything else that could be interfering with this behavior.
Hi Ashley, I've got the same issue on the HTML5 version. The issue seems to surface sporadically on PC (Chrome), but consistence on iPad.
In my attached example (slide 4 to 8), I simply added the 'Show layer "Introduction" When the timeline starts'. In the slide layer properties of the "Introduction" slide, I selected the "Pause timeline of base layer". And in the "Introduction" layer, i simply added a continue button that trigger 'Hide layer "this layer" When the user clicks'.
This works very well in the Flash version, but not on the HTML.
Please advice,
Vin
Hi Vin,
I see that a bug has been filed for this. You should be seeing this fixed in an update soon. As a workaround for now, if you switch your trigger to show layer when timeline reaches .1 second (instead of when timeline starts) this will fix it.
I hope this helps!
Mike
Thank you Mike!
This interim solution somewhat working, and the base slide pause properly on the HTML version now. Unfortunately, when the user click anywhere on the seeker bar, the "Introduction" layer will pop-up again (on both Flash and HTML versions). I'm not sure why Storyline trigger the 'Show layer "Introduction" When the timeline reaches 0.1s' everytime the user click anywhere on the seeker bar. Is there a way to prevent this?
Looking forward to the update!
Vin
Hi Vin,
I'm seeing the same thing. I'll submit a bug report. If I hear back on an alternate work around I'll let you know!
Mike
Hi Mike, I just installed the Storyline2 Update 2 today and tested this issue. I'm still getting the same error where the base layer doesn't pause even with the "Pause the main timeline playback" checked, on the HTML5 version.
Any updates on this?
Vin
Hi Vin,
I'll haven't heard anything. I'll check to see what I can find out.
Mike
I had a similar issue. I have an on screen live action video host who when a button is clicked, pauses as another video host comes on (from layers) and gives a "tip" to the viewer. In HTML 5 the "Tipster" would come up and just show the first frame with no audio. I put in a trigger that checks the state of the clicked button and forces the video in the layer to play and it seems to work. So, I have video/audio in layers that I've managed to get to work in HTML 5.
Hi James,
Thanks for sharing that here - and if it's an example you're able to share with the community we'd love to take a look at what you've set up.
Hey guys - has there been an update to this bug?
My apologies, Ant, but I do not have any additional information to share at this time. Any updates will be shared here as they are received.
This post was removed by the author
This discussion is closed. You can start a new discussion or contact Articulate Support.