HTML5 output - image quality issues

Mar 30, 2016

Robert T
By Robert T

Hi everyone,

I've recently been tasked with making various pieces of interactive content using Storyline 2 by my employer, and I'm running into issues with the HTML5 output:

When I output to Flash, everything looks fine, but when I view the HTML5 output, the quality of the images and text is very low, and they are quite blury.

I am able to get around this by changing the document size to a larger value, but this causes issues with scaling. Whereas the size of the player does react to the user's browser window size, it does not do this as well as the flash version (the lower part of the player is cut off slightly). This gets progressively worse when outputting to higher resolutions.

Any advise would be appreciated.

2 Replies
Leslie McKerchie
8 years ago03/30/16 at 2:55 pm (UTC)

Hi Robert!

Articulate Storyline lets you control several aspects of the browser and player for your published course, including:
 
*  The size of the browser window
*  Whether the course stays locked at the same size or lets learners scale it by adjusting the size of their browser windows
*  Whether the course launches in a separate window and, if so, the properties of that window
 
See this tutorial for details.
 
Also be sure that you are viewing in a supported environment as specified here.
Mike B.
8 years ago03/30/16 at 5:15 pm (UTC)

We had a similar problem with our projects. At our previous story size, image quality in html5 was poor, our logo looked horrible if the user enlarged the window. We wanted users to be able to view the courses at full screen no matter what the screen size, so we doubled our story size. This caused the menu and next/prev buttons to become very small, so we ditched the integrated player and built our own menu and buttons with Slide Masters. Not the most efficient approach, but it let us customize the page much more than the built-in player.

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