Bug 300579 – Construction of VideoFrame from OffscreenCanvas consumes a lot more CPU than construction VideoFrame from from canvas.

• Status: RESOLVED
• Resolution: FIXED
• Component: Canvas

[Yury Yarashevich]

The demo creates an OffscreenCanvas within a worker and uses it to render a rotating triangle. A VideoTrackGenerator is then used to produce a MediaStreamTrack from the rendered frames by creating VideoFrame objects from the OffscreenCanvas.

Demo: https://mstyura.github.io/webkit-issues/video-transform-pipeline/05-triangle-offscreen-video-track-generator/index.html

Source html: https://github.com/mstyura/webkit-issues/blob/main/video-transform-pipeline/05-triangle-offscreen-video-track-generator/index.html
Source js: https://github.com/mstyura/webkit-issues/blob/main/video-transform-pipeline/05-triangle-offscreen-video-track-generator/worker.js

On MBP with MacOS 26.0.1 the STP Release 229 (WebKit 21623.1.9.1) consumes 60% of CPU in GPU process to render demo.

[Yury Yarashevich]

Created attachment 477062 [details]
PR: Cheaper ctor of VideoFrame from OffscreenCanvas. #52197

[Radar WebKit Bug Importer]

<rdar://problem/162963198>

[Yury Yarashevich]

Pull request: https://github.com/WebKit/WebKit/pull/53510

[EWS]

Committed 302974@main (d77809d46e44): <https://commits.webkit.org/302974@main>

Reviewed commits have been landed. Closing PR #53510 and removing active labels.