Javascript HTML5-接入摄像头

我想用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>

var video=document.querySelector（'video'）；
var canvas=document.querySelector（'canvas'）；
var ctx=canvas.getContext（'2d'）；
var localMediaStream=null；
函数快照（）{
if（本地媒体流）{
ctx.drawImage（视频，0,0）；
//“图像/webp”在Chrome中工作。
//其他浏览器将退回到image/png。
document.querySelector（'img'）.src=canvas.toDataURL（'image/webp'）；
}
}
video.addEventListener（'click'，snapshot，false）；
//不显示供应商前缀或跨浏览器工作的代码。
getUserMedia（{video:true}，函数（流）{
video.src=window.URL.createObjectURL（流）；
localMediaStream=stream；
}，错误回调）；

---

谁能帮忙？谢谢

您缺少

errorCallback

函数

function errorCallback(e) {
    console.log(e);
}

我添加了这个，并得到一个错误：

要访问userMedia，您必须拥有。我试着运行它，对我有用