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?
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:
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!
Thanks for your reply. I am using Storyline 2. This is happening in Chrome and IE11 on Windows. I have loaded it on a web server, and it still occurs. See attached the .story file. Thanks for your help!
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.
Yes, that is what I'm experiencing, but the color shift is much more pronounced when I publish and run than your test run shows. It actually looks like a semi-transparent grey layer is overlayed on the entire player.
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?
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.
8 Replies
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:
Storyline 360:
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!
Hi Crystal,
Thanks for your reply. I am using Storyline 2. This is happening in Chrome and IE11 on Windows. I have loaded it on a web server, and it still occurs. See attached the .story file. Thanks for your help!
Mathew, I'm having a look at this now!
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.
Yes, that is what I'm experiencing, but the color shift is much more pronounced when I publish and run than your test run shows. It actually looks like a semi-transparent grey layer is overlayed on the entire player.
Thanks for your time and quick response. :)
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!
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.
Thank you so much for the follow up-- that's helpful information.
This discussion is closed. You can start a new discussion or contact Articulate Support.