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 ,javascript,html,safari,html5-video,getusermedia"/>
首页 > 解决方案 > 呈现在里面 shows black for webcam stream (Safari 14.0.3 only) 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 javascript - 呈现在里面 shows black for webcam stream (Safari 14.0.3 only) 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 问题描述 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 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. Any idea how to can I make the video appear right away? Cheers! UPD: fixed typo in <template> With ArangoDB, a solution that works is: Use a single database for all customers Use Foxx microservices in that database to provide access to all data Enforce a tenantId value on every call to Foxx Use dedicated collections for each tenant in that database Set up a web server (e.g. Node.js) in front of ArangoDB that serves data to all tenants Only allow connections to Foxx from that front end web server Each tenant will need a few collections, depending on your solution, try to keep that number as low as possible. This model works pretty well, and you're able to migrate customers between instances / regions as their data is portable, because it's in collections. 标签： javascripthtmlsafarihtml5-videogetusermedia 解决方案 经过相当多的来回后，我找到了一种解决方法来使它工作。 基本上，当getUserMedia被调用时，我以编程方式创建一个视频标签，向其添加视频流，将其添加到 DOM。拥有容器div有助于将其放置在正确的位置。 工作演示 - https://jsfiddle.net/alex_oliynyk/402ed6wq/95/ 还为 WebKit 团队提交了错误报告。 最好的， 推荐阅读 swift - 具有关联类型约束的通用下标导致“无法为类型值下标...”wso2 - WSO2 API Manager is saving hundreds of 'publisher' HTML files to directorysql - 在 SQL 中需要有数据直到 3 个点sql - 向上舍入一列，向下舍入另一列xml - 使用“限制日期”XSD 编译错误python - 使用 FileField 编辑现有模型时的 Django 表单验证hibernate - 对同一个 JPA 对象使用两个 EntityManagerpython - 如何在 .txt 文件中的一组下一行单词中的一个点之后下一行java - 可动态创建的资源适配器angular - 将 formControlName 指令附加到以编程方式创建的组件
After macOS and Safari update (14.0 -> 14.0.3) video stream from the webcam
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 actual video at some point (sometimes not). This is situated inside <template> which I add to DOM using JavaScript.
navigator.mediaDevices.getUserMedia
<video>
<template>
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.
Any idea how to can I make the video appear right away?
Cheers!
UPD: fixed typo in <template>
With ArangoDB, a solution that works is:
Each tenant will need a few collections, depending on your solution, try to keep that number as low as possible.
This model works pretty well, and you're able to migrate customers between instances / regions as their data is portable, because it's in collections.
标签： javascripthtmlsafarihtml5-videogetusermedia
经过相当多的来回后，我找到了一种解决方法来使它工作。
基本上，当getUserMedia被调用时，我以编程方式创建一个视频标签，向其添加视频流，将其添加到 DOM。拥有容器div有助于将其放置在正确的位置。
getUserMedia
div
工作演示 - https://jsfiddle.net/alex_oliynyk/402ed6wq/95/
还为 WebKit 团队提交了错误报告。
最好的，