Safari WebGL issues with video playback and requestAnimationFrame performance

FYI, I have found a few WebKit / Safari issues that don’t appear to be directly related to Three.js, but I wanted to make sure the community was aware of them. I also posted them to the Three.js GitHub issue tracker, but the devs felt the forum was more appropriate.

  1. Safari requestAnimationFrame conflict with video playback - https://bugs.webkit.org/show_bug.cgi?id=212260
  2. Safari video-based textures aren’t updating when using high resolution source - https://bugs.webkit.org/show_bug.cgi?id=211750
  3. Safari requestAnimationFrame slow performance vs. setInterval / setTimeout - https://bugs.webkit.org/show_bug.cgi?id=211624
7 Likes

FYI, there are some new bugs / regressions with iOS 14:


4 Likes

Looks to me like this is still an issue in iOS 15, but also in macOS Monterey on m1 chips. :frowning:

Yeah :frowning: Check out these three related WebKit bugs:

223740
232235
232296 (parent of the above two)

And playback from Blobs is totally broken on iOS/iPadOS currently: 232076

No idea when these fixes will show up in an Apple update. The WebKit folks don’t typically say / have control.

2 Likes

Yeah this is very upsetting for my project :frowning: really relied on high resolution video playback in webgl. The complete failure of blob file playback is another issue too.

I suppose there’s nothing we can do but hope though right? :pray: