2 Replies
Eric Nalian

Hey Danika,

This might help: http://www.articulate.com/support/storyline/comparing-storylines-flash-html5-and-articulate-mobile-player-output

I am just beginning making sure all the courses that I build are HTML-5 compatible (right now, none of them are), some things I have figured out is that HTML-5 and semi transparent shapes do not work that well together, and sometimes there are some issues when there are multiple media's on the same slide (2 audio's, or audio and Video-with audio)


Nicole Legault

Hey Danika!

This is a great and timely topic... I do have a few recommendations for you if you're looking to publish an e-learning course for HTML5... First of all, HTML5 is still being implemented by the various browsers (IE, Chrome, Safari, Opera) at different rates. Because of that, some content looks better in certain browsers than in others. If you want to know how different browsers rank for displaying HTML5 content check out this site: html5test.com

Some things to consider...

  • Are you publishing your course for desktop or mobile? Unless the organization specifically does not allow Flash to be installed to view content, most (but not all! there are exceptions) companies still use Flash for desktop e-learning at this point in time, as HTML5 is still in somewhat early stages and has some hurdles to overcome before there is 100% parity across all browsers. HTML5 delivery is often used to delivery e-learning for devices that don't work with Flash, in particular, iPad. 
  • Regardless of which device you're using (desktop or mobile device), identify  which browser most learners will be using to access the e-learning, and optimize your content for that browser. Note that Articulate supports viewing content on the following browsers and devices listed here. Publish and preview your HTML5 in the browser in question regularly and throughout the development process. 
  • You can publish the same course to both HTML5 and Flash but there are some considerations to that. Things that look and work fine in Flash may not in HTML5, depending on which browser you're using to view the content. Internet Explorer 8, for example, does not support HTML5 at all. If you're developing for both Flash and HTML5, optimize for HTML5 content first and foremost. 
  • Definitely would take a look at the link posted by Eric, and have a peek at the HTML5 column. There are some things that have been identified as causing issues, and it's definitely good idea to look at these before you develop your content. 

Basically the key thing you should know is when you're publishing for HTML5, optimize for the appropriate browser and device, and test often!! Testing the HTML5 output throughout the development is key!