[Webkit-unassigned] [Bug 222115] New: <video> rendered inside <template> shows black for webcam stream (Safari 14.0.3 only)

[bugzilla-daemon at webkit.org]

https://bugs.webkit.org/show_bug.cgi?id=222115

            Bug ID: 222115
           Summary: <video> rendered inside <template> shows black for
                    webcam stream (Safari 14.0.3 only)
           Product: WebKit
           Version: Safari 14
          Hardware: Mac (Intel)
                OS: macOS 11
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: Media
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: asashayko at gmail.com

Hello there!

Important notice - this is happening only on Safari 14.0.3.

After macOS and Safari update (14.0 -> 14.0.3) video stream from the webcam I'm getting using navigator.mediaDevices.getUserMedia shows only black inside <video> for some time and updates to the actual video at some point (sometimes not). This is situated inside <template> which I add to DOM using JavaScript.

In short:
<template><video></video></template> (shows black)
<video></video> (shows ok)

JsFiddle with the reproducible demo - https://jsfiddle.net/alex_oliynyk/402ed6wq/54/

Gif with the issue - https://share.getcloudapp.com/2NuElvYl

Also, I can confirm that video is actually playing fine. This is part of the app where I send frames from the video to the backend for processing and I get a successful response. This means that frames are not just black rectangulars but are proper images.

Best regards,

-- 
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/20210218/2a7384ee/attachment-0001.htm>