JSFiddle - React, Tailwind, and code Playground

HTML

<canvas id="c"></canvas>

JavaScript

var ctx = c.getContext('2d');
var vid = document.createElement('video');


vid.oncanplay = function() {
  c.width = this.videoWidth;
  c.height = this.videoHeight;
  draw();
}

navigator.mediaDevices.getUserMedia({
  video: true
}).then((stream) => {
  vid.src = URL.createObjectURL(stream);
  vid.play();
});

function draw(){
ctx.drawImage(vid, 0,0);
requestAnimationFrame(draw);
}