Bug 171650 – Safari iOS ogv.js in conjunction with Blend4Web WebGL scene causes reloads on iPad 2016/2017 models

• Status: NEW
• Component: WebGL

[Andrew Potter]

Hi,

I have an iPad Pro 2016 and an iPad 2017 model, both play the videos fine using the demo provided; https://brionv.com/misc/ogv.js/demo/

However, when I load up a WebGL scene (Blend4Web) with animation in the background, the page lasts for tens of seconds sometimes a few minutes, but tends to reload the page on iOS Safari.

Am I pushing Safari too much? Or is there anything I can do?

Note that this runs perfectly on a Samsung S6. But not on my iPad Pro 2016.

I can't release my current code which is a prototype yet, but if necessary I could create a simple version of what I am trying to do.

I'm not sure if the bug is to do with WebGL or whether that is a contributing but indirect factor.

Thanks,

Andrew

[Alexey Proskuryakov]

Yes, please provide a reproducible test case.

[Radar WebKit Bug Importer]

<rdar://problem/32040983>

[Andrew Potter]

Hi, 

Sorry for the long delay.

I have uploaded some example code to GitHub which demonstrates the issue.

https://github.com/YateleySchool/YSMap3d

I find that when I use http-server running on port 8080 and connect and then visit the video-test.html file I have the following issues;

- The video overlay on the right hand side, the iframe of the official ogv.js demo, runs perfectly on the iPad Pro 2016 and the iPad 2017. However, if you keep moving the 3d WebGL map around in the background eventually the page will reload, something is wrong. However on OSX Safari it runs fine.

- The video overlay on the left hand side appears to start playing on the iPad but stops for some reason. I have checked the debug messages by using a USB cable and watching in Safari. I am not sure why it stops playing.

Please note that this works fine in Chrome browser and Safari and Firefox on a MacBook Pro 2013. 

I may be pushing iOS Safari too far by running 3d WebGL and video decoding at the same time.

Thanks,

Andrew