Software Simulation Squeezed when played as HTML5

Hi Bobby,

Are you viewing the HTML5 output in one of the supported browsers as detailed here? 

Hi there Ashley,

Thank you for your kind reply. I have checked with several browsers and I get the same result.

 I also recorded another software simulation and still the same result...

Hi Bobby,

Thanks for the additional info - are you able to share a copy of the .story file so that I could take a look at how you've set up the screen recording and test publishing it? 

Hi Ashley,

Here is the story file of a test I did - "try_paint.story"

+ the test in action - "try_paint.zip". Please unzip and try the HTML5 version.

Thank you in advance,

B

Hi Bobby,

Thanks for uploading the file. I published it and uploaded it here to Tempshare - and have linked to the HTML5 output here. I tested it in Chrome on my desktop and I didn't see the second copy of the screen recording behind it, just the screen recording itself, which was sized larger than my browser but I could scroll around to look for it and found nothing. 

What browser or device were you testing in so that I could try those? You could also test my link on your devices as well and let me know how it works for you.  

Hey there Ashley,

Thank you so much for taking time and testing this. I am using different browsers and machines. I use mostly Chrome and also testing on iPad. To see the "squeeze" you shoud look at the left-hand side border. It is true that there is no second screen behind the one we see but the "squeeze" is nevertheless the same. 

Please have a look at the short video I have taken of what I see when visiting the link you posted. Just focus on the highlighted area please. See the borders moving?

Do you have the same result when you are testing it on your Chrome?

https://www.dropbox.com/s/exc0c4luqsoz731/try_pain.mp4?dl=0

Thank you once again.

B

Hi Bobby,

Thanks for the video - that's easier to understand what you were referring to. Within the HTML5 output there is a redrawing of the canvas that can occur, and it contributes to that flicker you're seeing on the edges of the screen/player. There isn't currently a way to stop this behavior, but our team is always looking into improving the output of HTML5 and continue to include elements within each update as per the release notes. 

Hope that helps clarify and feel free to let us know if you need anything else. 

Hi Ashley,

Thank you - that clarifies.

Good day

B

Hey there Ashley,

Is there any news about the issue we've discussed about a year ago? For what it's worth, the client switched to another software for their simulation because of that issue.

I have now another client that will do simulation with Storyline. I love using Storyline day in, day out but must say that the only way to have a proper software simulation is saving frames as images. By doing that, one cannot have animations like text entries etc. It makes it much harder to work too.

Any ideas if the issue is being taken care of?

Thank you

B

Hi Bobby, 

Thanks for coming back around to check in on this. There isn't a change yet to how the canvas has to be redrawn in HTML5, as far as I've seen - but you'll see over the course of the last year we've done a number of improvements to the HTML5 output by reviewing the release notes. 

Also, we just launched something new that may be of interest to you - in terms of broader HTML5 support and a lot of other fun!   

Hi there Ashley

Thank you for that.

B