HTML5 Camera and Microphone Demo

HTML5 Camera and Microphone Demo

by khamer

HTML

<video autoplay></video>

CSS

video {
  width: 100%;
  max-height: 100vh;
}

JavaScript

veq\r video = document.querySelector('video');
navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia;

if (navigator.getUserMedia) {
  navigator.getUserMedia({ video: true, audio: true },
    stream => {
      video.srcObject = stream;
      video.onloadedmetadata = video.play;
    },
    function(err) {
      console.log("The following error occured: " + err.name);
    }
  );
} else {
  console.log("getUserMedia not supported");
}