Bug 242072

Summary: Drawing video in canvas plays with low frame rate
Product: WebKit Reporter: Daniel <danielchasehooper>
Component: CanvasAssignee: Nobody <webkit-unassigned>
Status: NEW ---    
Severity: Major CC: bfulgham, dino, eric.carlson, jer.noble, kkinnunen, webkit-bug-importer
Priority: P2 Keywords: InRadar
Version: Safari Technology Preview   
Hardware: All   
OS: All   
Attachments:
Description Flags
files to reproduce the bug none

Description Daniel 2022-06-28 11:30:20 PDT
Created attachment 460520 [details]
files to reproduce the bug

video elements drawn into a canvas (2d or webgl, doesn't matter) has very stuttery playback. video in the canvas will display only every ~4th frame.

the attached zip contains an html file that reproduces the issue - serve the html file with a local server and visit in safari. The 2d canvas and webgl canvas will both show the video stuttering, while the <video> element will play back smoothly. Firefox and Chrome both play the video smoothly in both canvas types.

Reproduced on 
safari technology preview 147 
Safari 15.5
macOS 12.4
2021 14" MacBook pro
Comment 1 Brent Fulgham 2022-06-30 16:24:53 PDT
This seems to work well for me on the macOS Ventura Beta 2 build. Perhaps it is limited to older macOS?
Comment 2 Alexey Proskuryakov 2022-06-30 19:42:57 PDT
I observe the same, looks good on macOS Ventura. But reproduces with STP 148 on macOS 12.5 beta.
Comment 3 Radar WebKit Bug Importer 2022-07-05 11:31:14 PDT
<rdar://problem/96456613>