How Storyline 2 and Flash and HTML5 interface?

This all started with my search for an answer on this site yesterday. I wanted to know why my online courses now  appear fuzzy once published. I ended up confused and frustrated with the many "answers" (that never really answered any of the questions...another discussion another time). In several of the comments I saw Flash and HTML5 mentioned. Every comment assumes the reader understands what these programs do.  I don't.

So I researched both products to at least understand what they do, and then came back to here. I pulled out some of my eLearning books and they are written with the assumption that the reader understands basic programming.

How does Flash and HTML5 affect S2 and if Flash is going away, why would I "uncheck" HTML5 when publishing? How are my customers, who all use different computers/platforms, supposed to view my products? Is there a basic and holistic discussion on Flash, HTML5 and Storyline that maybe I missed?

1 Reply
Leslie McKerchie

Hi Joanne,

So sorry to hear that your E-Learning Heroes journey on this topic was difficult. I first want to mention that you are always welcome to work directly with our support engineers here.

Now, about that blurry content. It sounds like you may be running into an issue with scaling perhaps:

Objects aren't vectored in HTML5 output. As a result, they may not appear as crisp in HTML5 as they do in Flash if you set the player to scale to fill the browser. To avoid scaling and reduction in image quality, we recommend locking your course player at optimal size.

Tip: Because objects aren't vectored in HTML5 output, they may look blurry or pixelated in zoom regions.

There are those words again, I know. Let me see if I can walk you through understanding from our perspective.

Storyline 2 lets you publish courses for Flash, HTML5, and the Articulate Mobile Player app. To distribute your published content, upload it to your web server or LMS, then link to the story.html file in the published output. Here’s how Storyline determines which version of your content to display when learners view it.

For a comparison of those environments, check out the chart here. Also, there are supported viewing environments as well that should be considered.

Nicole wrote a really great article, What You Need to Know About HTML5 for Web Browsers, that may help in understanding a bit as well.