Javascript Browsersync摄像头访问视频。播放不是一项功能
大家好,我今天开始在一个项目中使用browsersync和简单的配置来使用网络摄像头捕捉图片。它工作得很好,但突然它停止了工作,现在它没有向我显示摄像头的图像,在chrome中出现错误video.play不是一个功能,即使有一个gulp文件来启动本地服务器,所以不知道发生了什么。以前有人遇到过这样的问题吗 这是我的js文件:Javascript Browsersync摄像头访问视频。播放不是一项功能,javascript,html,browser-sync,webcam-capture,Javascript,Html,Browser Sync,Webcam Capture,大家好,我今天开始在一个项目中使用browsersync和简单的配置来使用网络摄像头捕捉图片。它工作得很好,但突然它停止了工作,现在它没有向我显示摄像头的图像,在chrome中出现错误video.play不是一个功能,即使有一个gulp文件来启动本地服务器,所以不知道发生了什么。以前有人遇到过这样的问题吗 这是我的js文件: (function(){ var video = document.getElementById('video'), canvas = document.getEl
(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 tag,它将非常有效 :)