Publishing in HTML5 and iPaid

Ipaid... well said !

It's even Highpaid.

And note that plain-HTML5 play will be severely limited when compared with use of the Mobile Player. Biggest problems with plain HTML5 involve audio and video. If your project has no audio or video components, it might work just fine in HTML5. But test it thoroughly!

Thanks,  

Jeanette Brooks

Yes, to Russ's point, there are some inherent limitations with HTML5 may affect the way your content looks. Another good resource is this article, which shows how each type of output (Flash, Articulate Mobile Player, and HTML5) handles the various Storyline features you might choose to incorporate in your course.

Hi,

I hope, I'm writing on correct thread.

I'm not able to see html5 output on iPAD, is there any specific reason. I'm just getting the play button, on clicking it the first slide audio gets started and nothing is displayed on screen.

Note: My project contains in-build illustrations, audio, basic check-box interaction.

Hi Prashant, would you be able to submit a support case so that we can take a look at what might be going on? You can do that here.

Hi Jeanette,

When I clicked the link, it is asking for serial number. We are using evaluation version of storyline, so is there any other way to get the answer.

You can leave that blank - it's only required for activation or installation issues.

Hi Jeannette,

Thanks so much for your help and explanations!  We recently purchased Articulate Storyline and are developing content that can be viewed in a mobile environment.  We have tested on the Ipad and it works perfectly with the mobile player.  My question is why can't it play on the IPhone?  Is it not supported?  Or should I republish without the "use mobile player on ipad option"?

Hi there Colleen! Glad to hear you're liking the Articulate Mobile Player on your ipad! Currently the mobile player is really only optimized for iPad use, so if you'd like learners to be able to view your content on an iPhone, you'll want to include HTML5 output when you publish. This way, your learners can use mobile Safari on their iPhones to view the content. Be aware, though, that not all features are supported in HTML5, so you'll want to check out this article before you design your course, to make sure it looks & behaves the way you expect.

Thanks so much Jeanette!  I am so impressed with the level of support we get from the Articulate Team, and all the wonderful things this software can do. 

Jeanette, I am currently testing the HTML5 output on iPad.  I know there are limitations around audio and this format... but I am finding that it just doesn't work at all.  Do I need to abandon all hope of using HTML5 output for slides that have audio?

Hi, Mindy - 

I have slides working with audio in HTML5 from Storyline. There are some strange constraints when publishing to HTML5 related to Safari Browser limitations on the device. 

Here's what I've tried to avoid / follow when targeting HTML5:

- Never try to use multiple audio files or any combination of audio and video on a slide (from separate files). The browser seems to get confused and is unable to play more than one channel.

- Hide the scrub bar. It's trouble. I think this has something to do with the way the browser handles audio (it's a booger) but it could be a problem on Storyline's publish side.

- If I have a lot of synchronized visual and audio elements, I like to sync and package these separately as video for reliable playback.

- Always start or load a slide with a user interaction, never with an automatic transition. To play media, the browser requires a tap navigation cue. I think it's best not to include audio on the first slide, but I think this is debatable (I've seen less problems with audio over the course of my use of the file avoiding audio in the first frame -- it could just be a foolish superstition)

I'm not a huge fan of HTML5 on the iPad. It's kinda poorly implemented. Better than IE7 and 8, but still pretty poor

There are quite a few things that work really well without much fuss. Audio and video can work well but it takes special attention to make things load.

Thanks, Steve, for sharing your lessons learned.  I think my main problem is that I am relying on automatic transitions between slides and every slide is synced with embedded audio (though it is just a single track of audio).

Appreciate your help!

Hey Mindy! Steve shares a lot of helpful tips, and as he mentions, although Mobile Safari has some constraints to be aware of, many folks are using HTML5 output quite successfully. When you say your output isn't working at all, that feels like there is something wrong that we should take a look at. If you continue to have trouble, would you be able to submit a support case so that a support engineer can help troubleshoot?:

I just submitted a case.  I feel like I"m running into more than just the technical limitations of HTML5. 

Thanks all.

Hi All,

I am having a similar issue. We are publishing to html5 and NOT for the iPad in efforts for students to access the information via their browser. When I view it on my desktop computer it works fine, but when attempting to view it on my iPad is states that Safari could not open the page because the address is wrong. When I attempt to view it on my iPhone it appears that it is loading, but then gets hung up with only half the page displaying. Any suggestions?

Thanks in advance!

Hi Aileen - if you haven't done so already, want to submit a support case so that we can help you troubleshoot? When you submit the case, be sure to include the link to your published content so that we can test things on our end.

Thanks, Jeanette! I finally got it to work, excluding the audio on one slide, I read the trouble shooting into and made sure it advances by user and only one file was present, but had no luck. I submitted a case with all necessary files/links so hopefully I can get that fixed.

Thanks so much!

Not meaning to be rude, but I think Articulate needs to remove "Mobile Safari in Apple iOS 5.0 or later on iPad" compatiblity for HTML5 on this page:

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

If a slide with a single audio track or single mp4 track can't be played consistently on IPad Safari, I don't think that can be considered compatible.

So far the only consistent success I've had with HTML5 Storyline output is on a Mac or PC, where Flash works just fine anyway.  For me, HTML5 output is almost useless.

Hey Lionel, not sure what behavior you're seeing, but audio in HTML5 content will not play when the slide has been reached via an auto-advance. This is because Mobile Safari does not allow audio to play unless it is initiated or triggered by the user. (This is a limitation of Mobile Safari, unrelated to Storyline.) You can learn more about the various features of Storyline and how they behave in HTML5, Flash, and the Articulate Mobile Player on this page. If you're seeing additional behavior that's unexpected, would you mind submitting a support case so that we can investigate and troubleshoot? Thanks so much!

Hi Jeanette, thanks for your reply.

Ah, I didn't notice the extra information with the hover over highlighted dots, my bad!

Yep, audio and video does not consistently playing (it does sometimes) on a slide when reached by auto advance is the behaviour I'm seeing, on both unsupported Nexus7, and supported iPad, and non-officially supported iPhone, when using HTML5.  For my purposes unfortunately it does not suit to have slide transitions/media playing trigger manually.

As far as it being a limitation of Mobile Safari, a came up with a solution whereby I replaced story_html5.html with the output from a different publishing software where slide transitions and audio does occur by themselves, but doesn't have all the feature of Storyline.  So I get the best of both worlds - if the user has Flash, it gets full featured Storyline, if on anything else (usually on a smaller screen anyway), it uses the HTML5 from the other publisher where the simplified options is actually an advantage.

Hi

I published my Storyline project for client for Web and HTML 5 for iPad use. Some people are able to view it on their iPads through Articulate Player, but most cannot. They get a blank screen or "access denied" screen. Should they be linking to the html file rather?\

Should I be publishing differently?

There is no audio - only 1 screen with a Flash intro on.

Thanks

Lucia

Hi Lucia - it sounds like the location where you're hosting the content might be restricted to some users - is that possible? You're welcome to submit a support case and provide the URL of the published output that you are sending to your clients... that way we can help you troubleshoot. Thanks!