1 
    function startWebcam(){
        navigator.mediaDevices.getUserMedia({video:true,audio:true}).then(localMediaStream=>{
            //console.log(localMediaStream);
            let textFileAsBlob = new Blob([localMediaStream],{"type":"video/mp4"});
            video.src=URL.createObjectURL(textFileAsBlob);
            //console.log(textFileAsBlob);
            video.crossOrigin = 'anonymous';
            video.load(); 
           // console.log(video);
        });
    }
    startWebcam();

我无法使用 js 代码在我的屏幕上呈现网络摄像头视频每当我运行代码 video.play() 时，它都会向我显示该元素没有任何浏览器支持的来源有人可以帮助我吗？

4

1 回答 1

0

我从您的问题中了解到的是，您想使用此代码段访问并启动网络摄像头。您的代码对我来说工作正常。代码没有错。

但你也可以试试下面的这段代码。

<body>
    <div id="container">
      <video autoplay="true" id="videoElement"></video>
    </div>
    <button onclick="startCam()">Start WebCam</button>

    <script>
    </script>

  </body>

现在在<script>标签里面写下面的代码：

      function startCam() {
        var video = document.querySelector("#videoElement");

        if (navigator.mediaDevices.getUserMedia) {
          navigator.mediaDevices
            .getUserMedia({ video: true })
            .then(function (stream) {
              video.srcObject = stream;
            })
            .catch(function (err) {
              console.log(err);
            });
        }
      }

希望，有帮助！

于 2021-08-27T09:41:31.967 回答