HTML5 Viewing Slooowwww
Aug 10, 2012
By
Don Needs
Greetings everybody!
I have been testing my output project on all platforms, and it seems that the HTML5 loading of my project is extremely slow. The project loads very quickly on android and pc; however loading takes forever on HTML5 and loading time between slides is also very long.....
Do any gurus out there have any ideas???
Here is a sample project:
http://www.vfit360.com/monday/story.html
Thanks for all the help everybody!!!
19 Replies
I would guess at the videos, not sure if html5 preloads but that would be where I would place the blame
Hey, Phil. Yup, I'm seeing HTML5 courses preload.
The response on this for me on this sample has been more than acceptable. Wonder why the difference?
Don--are you behind a firewall and the course on a server outside that firewall?
Thanks for the responses Phil and Gerry!
Gerry,
I tested it on an Iphone and Ipad through the data connection...Maybe they are not a quick enough connection to allow for prompt loading. I will try and remove the videos to see if this helps speed up the process!
Thanks for all the input!! You guys rock and your help is greatly appreciated!
I'm seeing a slowdown as well. It seems to run fine until the "Begin Workout" button. Then it seems to take 5 to 10 seconds to load the next slide. The video demo doesn't play for me.
Another great place to test Storyline content is on Tempshare: http://tempshare.articulate.com/
Steve,
I am getting the exact same result....seems to slow down after the "Begin Workout" button.
The video demo didn't work because I tried to remove the videos to see if it would speed up the process...however it did not. I have added them back in
Thanks again for all the help guys!
Thanks for the Tempshare link Brian, I'll try it out!
I've been experiencing slowness in page transition / loads in HTML5 as well. I've noticed that the biggest factor is the size of media in the next slide. No media and it's pretty snappy. Lots of media and it's slow to transition.
Most troubling is the lack of feedback that something is happening when it's in "delay mode"
I agree Steve...it would be nice if there was some sort of loading bar while it was loading...
Will the videos be completely removed if I just delete the layer they are on??? Or would I need to start a completely new project to remove the videos?
Removing the video or layer should do it. One of the ways I'm thinking of dealing with this is adding a loading .gif (the one that the published output uses is a start) to appear when the jump button is pressed. It'll go away when the slide transitions but will provide some sense of loading in the mean time.
I would LOVE that option...is there currently a way to do that????
Sure. It's possible. You could add a layer to your slide or to your master layer (a little more complicated) and show this layer (set the layer property to prevent clicking on the base layer) when the navigation button is pressed. The layer will jump to the front. Drop the GIF into that layer and Bob's your uncle.
Thanks Steve! You rock!
This might help. I like this animated GIF a bit better than the built-in loading indicator.
S
Right on!!! Thanks! I like that one as well!
Aside comment: I was revisiting this thread last night and playing around. I finally saw the same delay with my iPad (I had originally just viewed with my PC and HTML5).
So I went out looking for a HTTP tracker. I wanted to see if everything downloaded or not to the iPad at the start of the course. Trouble is, there's few such iPad apps out there that I could find and they don't track everything like ones do for the PC (e.g., HTTP Watch or HTTP Analyzer).
I found one that was "sort of acceptable" and, with it, saw most of the course download to cache at the beginning--except for one critical thing. I couldn't see the MP4 files download with the tool, so I don't know if they downloaded at the start of the course or real-time when the slide was accessed.
If I was forced to guess, I'd suspect they did download at the start. If so, why the delay then if they should be in cache?
Hello all!
Gerry thank you for checking it out! I have come to the conclusion that the Mp4 video is not the source of the delay. I published 2 projects, one with the mp4 video and one without, and I still got the same results. The presentation "delays" for a significant period after the user presses the "begin workout" button. I am confused at what is causing the delay.....
With video
Without video
Another key note...the video starts playing immediately in the background when viewing the HTML5 output on Ipad, even though the layer is hidden and the video should not play until the layer is opened.....I figured this out because I could here the background music of the video playing, even though I had not displayed the "view video" layer
I wonder if this is a cause of the problem.....
Everything displays perfectly in flash...
I'm dealing with a similar issue. On the iPad (HTML5), with any slide that has a video it sits there and loads and then when it finally plays its starts in about 1 or 2 seconds from the beginning. It basically skips the first 2 seconds. Any help?
Hi Cam,
This thread is a bit older - so I'm not certain if anyone is still subscribed or if the issues are the same. I'd look first to confirm that you're using the latest updates of Storyline to publish your course and on the latest iOS. Also, are you viewing the course in mobile safari or another browser? Safari is the supported option for HTML5 output on the iPad.
How have you inserted/embedded your videos? Have you seen this across a number of courses or specific to this one? Also where are you hosting your published output? You could try hosting it in one of these other sites as well to see if that helps resolve playback issues. Additionally have you tried testing it from other wifi networks to see if it's an overall bandwidth issue? Lastly there are some known limitations to HTML5 output in mobile safari detailed here.
This discussion is closed. You can start a new discussion or contact Articulate Support.