浏览器同步摄像头加速视频播放不是一个功能

Browsersync camera acces video.play is not a function

本文关键字：功能 一个 摄像头 同步 加速 视频 播放 浏览器      更新时间：2024-05-14

大家好，我今天开始使用browsersynchttps://browsersync.io/#install在项目中使用网络摄像头拍摄图片。它工作得很好，但突然停止了工作，现在它没有向我显示相机的图像，并且在chrome中现在出现了错误video.play不是一个函数，即使有一个启动本地服务器的gull文件，所以不知道发生了什么。以前有人遇到过这样的问题吗？

这是我的js文件：

(function(){
var video = document.getElementById('video'),
    canvas = document.getElementById('canvas'),
    context = canvas.getContext('2d'),
    photo = document.getElementById('photo'),
    vendorUrl = window.URL || window.webkitURL;
navigator.getMedia = navigator.getUserMedia||
                     navigator.webkitGetUserMedia ||
                     navigator.mozGetUserMedia ||
                     navigator.msGetUserMedia;
navigator.getMedia({
    video: true,
    audio: false
}, function(stream) {
    video.src = vendorUrl.createObjectURL(stream);
    video.play();
}, function(error){
    //An error occured
    //error.code
});
document.getElementById('snap').addEventListener('click', function(){
    context.drawImage(video, 0, 0, 400, 300);
    photo.setAttribute('src', canvas.toDataURL('image/png'));
});

})（）；

我在使用完全相同的源代码时遇到了同样的问题。我将我的相机图像解决方案迁移到yii2，我的问题是#video是div元素，而不是video元素，如果你将其更改为video标签，它将完美工作。

：）

相关文章：