Bug 246792

Summary: Laggy Animated WEBP Rendering
Product: WebKit Reporter: cryptoalgro+bugzilla
Component: ImagesAssignee: Nobody <webkit-unassigned>
Status: RESOLVED MOVED    
Severity: Major CC: lydiafork, mmaxfield, sabouhallawa, simon.fraser, webkit-bug-importer
Priority: P2 Keywords: InRadar
Version: Safari 16   
Hardware: Mac (Apple Silicon)   
OS: macOS 13   
Attachments:
Description Flags
Chrome vs Safari rendering the same animated WEBP
none
Chrome vs Safari rendering the same animated WEBP (compressed) none

cryptoalgro+bugzilla
Reported 2022-10-19 23:26:57 PDT
Created attachment 463108 [details] Chrome vs Safari rendering the same animated WEBP Safari has full support for the WEBP and animated WEBP image format (reference - https://caniuse.com/webp). However, rendering of larger animated WEBP files are extremely janky, to the extent that the image is unviewable. A ~10MB, 1600 × 1039px and 15FPS animated WEBP encoded with FFMPEG exhibits this issue, as seen in https://github.com/SwiftcordApp/Swiftcord/blob/main/README.md. Rendering starts out mildly laggy (frame skips, each frame takes too long to render), then quickly descends into a slideshow. Viewing the same website on Chrome works perfectly, which shows that this isn't an encoding issue. I've tested with smaller animated WEBP images and found that smaller images slow down the onset of lag. A screen recording demonstrating the same website on Chrome and Safari helps illustrate the issue. I've only reproduced this bug on my machine, a 2021 14" MBP.
Attachments
Chrome vs Safari rendering the same animated WEBP (152.81 MB, video/quicktime)
2022-10-19 23:26 PDT, cryptoalgro+bugzilla 		no flags
Details
Chrome vs Safari rendering the same animated WEBP (compressed) (3.33 MB, video/mp4)
2022-10-19 23:54 PDT, cryptoalgro+bugzilla 		no flags
Details
Show Obsolete (1) View All Add attachment proposed patch, testcase, etc.
cryptoalgro+bugzilla
Comment 1 2022-10-19 23:54:54 PDT
Created attachment 463110 [details] Chrome vs Safari rendering the same animated WEBP (compressed) Compressed for easier viewing
Radar WebKit Bug Importer
Comment 2 2022-10-20 14:29:51 PDT
<rdar://problem/101399610>
Said Abou-Hallawa
Comment 3 2022-10-20 15:21:27 PDT
rdar://100568410
Said Abou-Hallawa
Comment 4 2022-10-20 15:23:50 PDT
This also can be seen in this image https://makeavideo.studio/assets/style1.webp
Said Abou-Hallawa
Comment 5 2022-10-20 15:42:02 PDT
This is a bug in a system framework below webkit.
Said Abou-Hallawa
Comment 6 2023-03-07 10:47:14 PST
*** Bug 247414 has been marked as a duplicate of this bug. ***
Note You need to log in before you can comment on or make changes to this bug.