TypeError: Argument 1 is not valid for any of the 1-argument overloads of URL.createObjectURL

Question

我一直在使用 getUserMedia 从浏览器访问相机。我在几个浏览器上试过它，但它在 firefox 上除外。它适用于 chrome、avast、opera mini。这是我的代码：

<button type="button" onclick="turnOn()">turn on cam</button>
function turnOn() {
     document.getElementsByTagName('video')[0].play();

     var video = document.querySelector('video')
      , canvas;

    /**
     *  generates a still frame image from the stream in the <video>
     *  appends the image to the <body>
     */

    // use MediaDevices API
    // docs: https://developer.mozilla.org/en-US/docs/Web/API/MediaDevices/getUserMedia
    if (navigator.mediaDevices) {
      // access the web cam
       navigator.mediaDevices.getUserMedia({video: true})
      // permission granted:
        .then(function(stream) {
          video.src = window.URL.createObjectURL(stream);
          /* video.addEventListener('click', takeSnapshot); */
        })
        // permission denied:
        .catch(function(error) {
          document.body.textContent = 'Could not access the camera. Error: ' + error.name + " " + error.message;
        });
    }
}

希望你能帮助我。谢谢！

Answer 1

替换：

video.src = window.URL.createObjectURL(stream);

与：

video.srcObject = stream

来源：https://www.chromestatus.com/features/5618491470118912

TypeError: Argument 1 is not valid for any of the 1-argument overloads of URL.createObjectURL

TypeError: Argument 1 is not valid for any of the 1-argument overloads of URL.createObjectURL

javascript

getusermedia