Bug 242669

Summary:	REGRESSION (iOS 16 beta) canvas.getContext('2d').drawImage() returns black image
Product:	WebKit	Reporter:	Brian Z <bz>
Component:	WebRTC	Assignee:	Nobody <webkit-unassigned>
Status:	RESOLVED CONFIGURATION CHANGED
Severity:	Normal	CC:	mwyrzykowski, webkit-bug-importer, youennf
Priority:	P2	Keywords:	InRadar
Version:	Safari Technology Preview
Hardware:	iPhone / iPad
OS:	Other

Description Brian Z 2022-07-12 18:04:46 PDT

# Tested devices:
Bug is reproducible on:
-iPhone XS | iOS 16 Beta

Bug is NOT reproducible on:
 -iPhone X | iOS 15.5

# Scenario:
- Safari browser is opened for the iOS User
- Safari tab is open to https://webrtc.github.io/samples/src/content/getusermedia/canvas/
- Grant camera permission
- The bottom canvas is initialized to a grey background
- Press "Take snapshot"
- The bottom canvas shows a completely black image

Expected behavior:
The bottom canvas shows a screen capture of the video feed

Comment 1 Brian Z 2022-07-12 18:09:08 PDT

Another url that can be used to reproduce the bug: https://storage.googleapis.com/tfjs-models/demos/facemesh/index.html

Error behavior:
<canvas id="output" width="500" height="500"></canvas> element in the top-left corner shows a black box

Expected behavior:
the canvas element should show the camera feed with a face mesh overlay

Console errors:
none

Comment 2 youenn fablet 2022-07-13 00:57:25 PDT

Which beta is it? Is it the latest one?

Comment 3 Brian Z 2022-07-13 10:00:50 PDT

I was testing on 16 beta 2. I just downloaded 16 beta 3 and can test that today

Comment 4 Radar WebKit Bug Importer 2022-07-13 13:38:08 PDT

<rdar://problem/96970828>

Comment 5 Mike Wyrzykowski 2022-07-14 15:19:19 PDT

This appears resolved on the public seed, I am not able to reproduce.

Comment 6 Brian Z 2022-07-15 14:46:30 PDT

Yup, can confirm it's been fixed in iOS 16 beta 3 — thanks for the hard work!