getUserMedia camera test

camera-test.html

<style>   

html, body, div, a-scene {
  background-color: transparent;
}

#video {
  /* overrule a-frame default styles */
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  position: absolute;
  top: 0;
  left: 0;
}

</style>   

<video id="video" autoplay loop muted></video>

<script>

document.addEventListener('DOMContentLoaded', () => {
  let videoElement = document.querySelector('#video');

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

    videoElement.srcObject = stream;

    // never fires on Firefox
    videoElement.onloadedmetadata = function(e) {
      alert('onloadedmetadata');
      videoElement.play();
    };

    videoElement.play();

  }, function(err) {
    console.error(err);
  });
})

</script>