[Webkit-unassigned] [Bug 234659] New: REGRESSION (Safari 15.2): HLS/m3u8 videos no longer render in Canvas via drawImage()

bugzilla-daemon at webkit.org bugzilla-daemon at webkit.org
Thu Dec 23 23:58:54 PST 2021


            Bug ID: 234659
           Summary: REGRESSION (Safari 15.2): HLS/m3u8 videos no longer
                    render in Canvas via drawImage()
           Product: WebKit
           Version: Safari 15
          Hardware: All
                OS: All
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: Canvas
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: me at akurn.com
                CC: dino at apple.com

Calling CanvasRenderingContext2D.drawImage() with a HTMLVideoElement that references a HLS/m3u8 streaming video, no longer renders in the Canvas, when the Experimental Feature "GPU Process: Canvas Rendering" is enabled. Which is enabled by default for Safari 15.2 on both MacOS and iOS/iPadOS.

On older versions of Safari (MacOS Safari 15.1 or iOS 15.1), or when this option is disabled, this video plays fine.

Steps to Reproduce: 
JSFiddle: https://jsfiddle.net/92hz5r8d/
Open the above link in Safari 15.2 (with "GPU Process: Canvas Rendering" enabled) and press play on the video in the Results panel.

Actual Results: 
The video image is not redrawn in the canvas element, only plays the video in the HTML Video element.

Expected Results:
The video should be rendered in the canvas via the drawImage() call as well.

Affected Platforms:
All versions of Safari 15.2 (tested on iOS 15.2, iPadOS 15.2, macOS Intel 10.15.7, macOS Intel BigSur 11), where "GPU Process: Canvas Rendering" is enabled by default.

Additional Information:
Switching the video source to an MP4, renders the image fine in the Canvas. 
Disabling "GPU Process: Canvas Rendering" (in Safari 15.2), also renders the video image fine.
Default behaviour worked fine in all previous Safari versions (<= 15.1), even with "GPU Process: Canvas Rendering" enabled (tested on iOS 15.1.1).

This functionality is integral to our client application, and in frameworks like the Phaser game framework.

You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20211224/58f22268/attachment.htm>

More information about the webkit-unassigned mailing list