Storyline in HTML5

May 07, 2012

I have been reviewing storyline in HTML5 for reliability

http://www.studytcmchina.com/files/play/story_html5.html

The animation after I click start, does not appear (hands). In either FF12 or Chrome (no problem in flash).

In FF12, lighboxes seem to be giving oversized text which cuts it off on the left hand side. (Not an issue on chrome).

In both Chrome and FF12, when you choose the option "five phaes", the arrows between the hands are not displaying either in FF12 or Chrome. (These arrows are out of the box in storyline.).

Fixing these in this presentation is not a big issue,  but I wouldnt be able to present this to a client. Obviously html5 is out of articulates control, but the fact that with 2 of the biggest browsers on windows doesnt display a few things correctly, this worries me.

Maybe you all have some solutions??

14 Replies
Sam Carter

Eric,

I've found that Chrome, FF, and IE behave differently resizing page elements when the window is resized with CTRL + , CTRL -, CTRL 0.  I recently found that Chrome will completely hide the MENU bar on a website I use frequently if it is resized larger.  No problem in FF or IE.

After this experience, I compare first with normal resolution (CTRL 0), then examine the resizing behavior.  It may be that the issues you observe are more to do with resizing than HTML5.

Sam

Brian Batt

Eric V said:

I have been reviewing storyline in HTML5 for reliability

http://www.studytcmchina.com/files/play/story_html5.html

The animation after I click start, does not appear (hands). In either FF12 or Chrome (no problem in flash).

In FF12, lighboxes seem to be giving oversized text which cuts it off on the left hand side. (Not an issue on chrome).

In both Chrome and FF12, when you choose the option "five phaes", the arrows between the hands are not displaying either in FF12 or Chrome. (These arrows are out of the box in storyline.).

Fixing these in this presentation is not a big issue,  but I wouldnt be able to present this to a client. Obviously html5 is out of articulates control, but the fact that with 2 of the biggest browsers on windows doesnt display a few things correctly, this worries me.

Maybe you all have some solutions??


Hi Eric,

Please see the link below for more information on distributing your content:

http://www.articulate.com/support/kb_article.php?product=st1&id=9rco1wa3ebjp

In a nutshell, if your browser supports Flash, it's always best to view the content via the Flash Player.  Thus, just link to the story.html file and we'll automagically redirect to the best experience depending upon the device.

Sam Carter

I've got more than one client that have requested that we deliver SCORM training on an iPad this year.  The only avenue to do this is via HTML5 (for the iPad).

Many posts in this forum that raise issues with Storyline HTML5 seem to end with suggestions that the author move to Flash or the Articulate Mobile Player, neither of which will solve the problem of providing trackable SCORM courses on an iPad.

I would like to see Articulate apply more development into resolving the missing and broken HTML5 features in the upcoming releases.  HTML5 is the only Storyline format which supports SCORM on the iPad.

Dave Mozealous

Hi Sam,

Thanks for the feedback.  We are certainly going to look at further developing the HTML5 output to have better feature parity between HTML5 and Flash over time.  As a heads up though, some of the limitations of HTML5 on an iPad are limitations of Mobile Safari's implementation of HTML5 (specifically around audio and video) that are difficult if not impossible to workaround.  But yeah, we will continue to develop our HTML5 player to address any issues and add features to make the parity better with the Flash player version.

@Eric - any chance you could share the .story file with me so I could check it out?  If you can upload it to http://files.articulatetest.com/upload I would certainly like to check out the bugs that you mentioned.  Just send me a note with the name of the file once it is uploaded and I'll make sure we log bugs where appropriate.

-Dave

Juliette Swett

I'm not sure if this post belongs in this thread, but I'm finding it to be helpful, so I'll stick with it. I'm having a really weird issue with  one arrow (Articulate arrow) not showing up in html5. It works in the flash version, but not in the other. I might have to save it as an image and reinsert it--any ideas???

This discussion is closed. You can start a new discussion or contact Articulate Support.