video - 使用 navigator.mediaDevices.getUserMedia 的 WebRtc 视频未在任何浏览器中显示
问题描述
您好,我想在我的 html 中显示笔记本电脑摄像头的实时视频。我已经使用 navigator.mediaDevices.getUserMedia() 实现了,但没有显示视频。我已经尝试在 localhost 中使用 http 和 https 也得到相同的结果。我在控制台中没有收到任何错误。我使用的代码是
<script>
window.onload = function () {
var constraints = { audio: false, video: { width: 1280, height: 720 } };
navigator.mediaDevices.getUserMedia(constraints)
.then(function(mediaStream) {
var video = document.querySelector('video');
video.srcObject = mediaStream;
video.onloadedmetadata = function(e) {
video.play();
};
})
.catch(function(err) { console.log(err.name + ": " + err.message); });
};
</script>
<video id="video" autoplay="autoplay" width="400"></video>
解决方案
推荐阅读
- admin - 如何在没有 nmap 每次都询问管理员权限的情况下运行 nmap 脚本?
- ruby-on-rails - 独角兽生产配置
- java - 使用子对象数组时如何调用抽象类的子类方法?
- javascript - javascript 函数返回 -1 似乎总是无法访问
- c++ - QRect 上的 Qt 正则表达式
- c# - 如何使用范围打印出反向数组?
- javascript - 从反应中的出生日期用户输入值计算年龄
- c# - 无法加载文件或程序集'e_sqlite3
- android - 如何在scrollView中添加webview滚动
- .net - 无法在自定义端口上打开 dockerized .net core api