title: TypeError: Argument 1 is not valid for any of the 1-argument overloads of URL.createObjectURL
body: <p>I've been using getUserMedia to access camera from the browser. I tried it on several browsers and it works except on firefox. It works on chrome,avast,opera mini. This is my code:</p>
  
  <pre><code>&lt;button type="button" onclick="turnOn()"&gt;turn on cam&lt;/button&gt;
  function turnOn() {
       document.getElementsByTagName('video')[0].play();
  
       var video = document.querySelector('video')
        , canvas;
  
      /**
       *  generates a still frame image from the stream in the &lt;video&gt;
       *  appends the image to the &lt;body&gt;
       */
  
      // 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;
          });
      }
  }
  </code></pre>
  
  <p>Hope you could help me. Thank you!</p>