Async gUM video

by jib1

HTML

<script src="https://webrtchacks.github.io/adapter/adapter-latest.js"></script>
<video id="video" width="160" height="120" autoplay></video><br>
<button id="camera">Camera</button>
<div id="div"></div>

JavaScript

const console = { log: msg => div.innerHTML += msg + "<br>" };

window.addEventListener("load", function() {
  var register = {
    "camera": function() {
      navigator.mediaDevices ?
        navigator.mediaDevices.getUserMedia(
          {video: true}).then(
            displayOutcome("camera", "success"),
            displayOutcome("camera", "error")
        ) :
        navigator.getUserMedia(
          {video: true},
          displayOutcome("camera", "success"),
          displayOutcome("camera", "error")
        );
    }
  };
 
  for (var type in register) {
    document.getElementById(type).addEventListener('click',
      register[type]
    );
  }
});