Player dimming screen recording in html5 output

Nov 16, 2016


I have a story using a screen recording in view mode. When I publish this to html5, I get some browsers dimming the recording over some parts of the playback (Chrome, IE11), and others not (IE9). Is there a way to stop this?

Thanks, Matt

8 Replies
Crystal Horn

Hi Mathew.  I'm sure that's not what you expected!  Can I clarify if you are using Storyline 2 or Storyline 360?  The reason I ask is that browser requirements for viewing HTML5 output is different between the two:

Storyline 2:

  • Windows: Google Chrome (latest version)
  • Mac: Safari 7 and later, Google Chrome (latest version)
  • Mobile: Safari in Apple iOS 7 and later, Google Chrome (latest version) in Android OS 4.1 and later

Storyline 360:

  • Windows: Internet Explorer 10 or later, Microsoft Edge (latest version), Google Chrome (latest version), Firefox (latest version)
  • Mac: Safari (latest version), Google Chrome (latest version), Firefox (latest version)
  • Mobile: Safari in Apple iOS 8 or later, Google Chrome in Apple iOS 8 or later, Google Chrome in Android OS 4.1 or later

I would start with checking those browsers that you're using against the requirements for the relevant product.  If you're meeting those requirements, be sure that you're viewing your published output in its intended environment, as sometimes, viewing the output right out of the published folder can cause inconsistent results.

If those ideas don't address your problem, could you share your .story here, and we could do some testing for you?  Thanks!

Crystal Horn

Thanks for letting me test it out, Mathew.  First, I can only speak about the Chrome HTML5 output as Internet Explorer is not a supported browser for HTML5 output for Storyline 2.  However, I noticed a slight color shift between slides/actions, especially with the red and gray navigation bars at the top.  Is that part of what you're experiencing?  You can see my test run here.

It appears as though the color of the placeholder image varies slightly from when the screen recording action plays in the HTML5 output.  I'm going to investigate this a bit further and see if this is an expected difference.  I'll update this discussion once I have some further information.

Crystal Horn

Hey again, Mathew.  Let's nail down a few details...  When you did your original screen recording, do you know what your screen resolution was?  Your Story size is set to 1280 x 720; was your screen recording a larger dimension?  For troubleshooting purposes, do you notice a difference if you were to do that screen recording again at a smaller resolution?

Thanks for helping out!

Mathew Fidge

Hey Crystal, the screen recording was done at the exact same size as the story, 1280 x 720. I actually think the issue may be that I was using an external monitor, via VGA, which has a larger resolution than the machine (it's a laptop). I just did a test run using the laptop's screen (same resolution as before) and can't reproduce the issue.

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