JSFiddle - React, Tailwind, and code Playground

by igalst

HTML

<button type="button" id="start">start</button>

<video id="video" width="480" height="320"></video>

JavaScript

navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia;

var constrains = {
    video: true,
    audio: false
};

var video = document.getElementById("video");

function successCallback(stream) {
    if (window.URL) {
        video.src = window.URL.createObjectURL(stream);
    } else {
        video.src = stream;
    }
    
    video.play();
}

function errorCallback() {
    alert("there was an error");
}

$("#start").click(function() {
    navigator.getUserMedia(constrains, successCallback, errorCallback);
});