Bug 242072 - Drawing video in canvas plays with low frame rate
Summary: Drawing video in canvas plays with low frame rate
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Canvas (show other bugs)
Version: Safari Technology Preview
Hardware: All All
: P2 Major
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2022-06-28 11:30 PDT by Daniel
Modified: 2022-07-05 11:31 PDT (History)
6 users (show)

See Also:

Attachments
files to reproduce the bug (5.52 MB, application/zip)
2022-06-28 11:30 PDT, Daniel 		no flags Details
View All Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
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>