[英]HTML5 - Access Camera
我想使用HTML和JavaScript访问相机。 我已经看到了这个示例 ,但是在Chrome中不起作用。 我也尝试过:
<img src="">
<video></video>
<canvas style="display:none;"></canvas>
<script>
var video = document.querySelector('video');
var canvas = document.querySelector('canvas');
var ctx = canvas.getContext('2d');
var localMediaStream = null;
function snapshot() {
if (localMediaStream) {
ctx.drawImage(video, 0, 0);
// "image/webp" works in Chrome.
// Other browsers will fall back to image/png.
document.querySelector('img').src = canvas.toDataURL('image/webp');
}
}
video.addEventListener('click', snapshot, false);
// Not showing vendor prefixes or code that works cross-browser.
navigator.getUserMedia({video: true}, function(stream) {
video.src = window.URL.createObjectURL(stream);
localMediaStream = stream;
}, errorCallback);
</script>
谁能帮忙? 谢谢!
您缺少errorCallback
函数。
function errorCallback(e) {
console.log(e);
}
要访问userMedia,您必须具有https 。 我尝试在这里运行它(jsfiddle)并为我工作。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.