[英]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.