Contact me: hankecnc@gmail.com

新的 chrome/firefox 浏览器中的网络摄像头变黑,原因是视频标签的 src 不推荐用于流 #412

推推 grbl 3年前 (2023-02-02) 205次浏览
关闭
12 个任务中的第 4 个
dgntby 打开了这个问题 2019 年 2 月 27 日 · 7条评论
关闭
12 个任务中的第 4 个

注释

新的 chrome/firefox 浏览器中的网络摄像头变黑,原因是视频标签的 src 不推荐用于流 #412

描述

新的 chrome/firefox 浏览器中的网络摄像头变黑,原因是视频标签的 src 不推荐用于流

版本

  • CNCjs:最新
  • 节点.js:8.11.3
  • NPM:5.6.0

你如何安装CNCjs?

  • NPM
  • 下载 CNCjs 桌面应用程序
  • 源运行(准备和开始)

数控系统

  • Grbl
  • 冰沙
  • TinyG/g2核心

硬件

  • 树莓派
  • 台式机或笔记本电脑
  • 移动设备

操作系统

  • 视窗
  • 苹果
  • Linux
    +++++++++++++++++++++++++++++++++++++++++++++++++++ ++++
    webcam,jsx:209
    webcam,jsx:103
    视频元素中的 src 已删除,现在应该使用 srcObject。

我向视频元素添加了一个 ref,并在 Webcam.mountedInstances.forEach 中设置了 srcObject 以使其再次工作。

参考:https ://stackoverflow.com/questions/48603402/how-to-set-srcobject-on-audio-element-with-react

附言。cncjs 很棒,谢谢你们。

新的 chrome/firefox 浏览器中的网络摄像头变黑,原因是视频标签的 src 不推荐用于流 #412
合作者

你好@dgntby
您介意创建拉取请求来解决此问题吗?谢谢。?

新的 chrome/firefox 浏览器中的网络摄像头变黑,原因是视频标签的 src 不推荐用于流 #412
作者

@cheton
我考虑过解决它,但我不熟悉 React 并且担心会增加你的代码,大声笑。

无论如何,我会掌握React基础知识并尝试:)

新的 chrome/firefox 浏览器中的网络摄像头变黑,原因是视频标签的 src 不推荐用于流 #412
合作者
奇顿 评论了 2019 年 3 月 4 日  

@dgntby
您可以在#414 查看我的拉取请求

Webcam.jsx
https://github.com/cncjs/cncjs/blob/c40d822cacc1de0b92e6da35f0435a71e939f0ca/src/web/components/Webcam/Webcam.jsx

如果它适合你,我会合并到 master 分支。

新的 chrome/firefox 浏览器中的网络摄像头变黑,原因是视频标签的 src 不推荐用于流 #412
作者

@dgntby
您可以在#414 查看我的拉取请求

Webcam.jsx
https://github.com/cncjs/cncjs/blob/c40d822cacc1de0b92e6da35f0435a71e939f0ca/src/web/components/Webcam/Webcam.jsx

如果它适合你,我会合并到 master 分支。

@cheton

我打算通过此解决方案修复它,但失败了。编译器在 PureComponent 中抱怨 React.createRef。这就是为什么我以丑陋的方式修复它,大声笑

我想如果你通过了编译和 webpack 过程,这是一个非常优雅的解决方案:)

新的 chrome/firefox 浏览器中的网络摄像头变黑,原因是视频标签的 src 不推荐用于流 #412
合作者

糟糕。那是我的错误。我通过提交85a2f63修复了这个问题,它位于feature/redux分支内。

React.createRef() 仅在 React 16.3 后才受支持,我将进行另一项适合 master 分支的更改。

新的 chrome/firefox 浏览器中的网络摄像头变黑,原因是视频标签的 src 不推荐用于流 #412
合作者

@dgntbyPR #414中进行了新更改。它将使网络摄像头组件与 React 15.6 兼容。