JSFiddle - React, Tailwind, and code Playground
HTML
<video id="myVideo" autoplay></video>
CSS
#myVideo {
background-color:#CCC;
position:absolute;
width:320px;
height:240px;
border:1px solid #000;
}
JavaScript
navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia;
navigator.getUserMedia({
audio: true,
video: true
}, function (stream) {
$('#myVideo').prop('src', URL.createObjectURL(stream));
}, function () {
alert("error");
});