webcam

by Simon Hi

HTML

<video id='webcam' autoplay playsinline></video>

CSS

video {
  width: 100%;
  background: #ccc;
}

JavaScript

var webcam = document.getElementById('webcam');

function startWebcam() {
  if (navigator.mediaDevices &&
    navigator.mediaDevices.getUserMedia) {
    let c = {
      audio: false,
      video: {
        facingMode: 'environment'
      }
    };
    navigator.mediaDevices.getUserMedia(c)
      .then(function(stream) {
        webcam.srcObject = stream;
      });
  }
}

window.addEventListener("load", startWebcam);