Webcam test

by orvn

HTML

<div class=mirror>
  <video autoplay></video>
</div>

CSS

.mirror {
  border: 2.5rem inset GoldenRod;
  max-width: 25rem;
  border-radius: 1rem;
}

video {
  margin: 0;
  height: auto;
  max-width: 25rem;
}

JavaScript

const video = document.querySelector('video');

const cam = () =>{
 if (navigator.mediaDevices.getUserMedia) {
  navigator.mediaDevices.getUserMedia({ video: true })
  .then(stream => video.srcObject = stream).catch(error => console.warn(error));
 }
}
cam();