Javascript Camera js Web App无法获取摄像头提要

我在一个网站上工作，该网站将用户的网络摄像头流回到他们手中。我的浏览器显示一个图标，表明网站正在使用我的相机，但我的网站上没有提要。 使用的软件包：

这里只是js部分

(function() {
  var video = document.getElementById("video"),
    vendorUrl = window.URL || window.webkitURL;

  navigator.getMedia =
    navigator.getUserMedia ||
    navigator.webkitGetUserMedia ||
    navigator.mozGetUserMedia ||
    navigator.msGetUserMedia;

  // Capture video
  navigator.getMedia(
    {
      video: true,
      audio: false
    },
    function(stream) {
      video.src = vendorUrl.createObjectURL(stream);
      video.play();
    },
    function(error) {
      // An error occured
      // error.code
    }
  );
})();

---

我希望向用户显示摄像头反馈。

您的代码已完全过时

首先，

navigator.getUserMedia

已被弃用，取而代之的是基于承诺的

所以你的第一部分应该是

navigator.mediaDevices.getUserMedia({
  video: true,
  audio: false
}).then(function(stream) {
 ...

但这并不是阻止脚本工作的原因。
如果打开浏览器的web控制台，您可能会发现一条消息，内容大致如下：

未能对“URL”执行“createObjectURL”：未找到与提供的签名匹配的函数

这是因为我们不能再从MediaStreams创建BlobURL了。相反，您应该使用HTMLMedia元素的名称：

navigator.mediaDevices.getUserMedia({
  video: true,
  audio: false
}).then(function(stream) {
  video.srcObject = stream;
  return video.play();
});