JSFiddle - React, Tailwind, and code Playground

HTML

<html>
  <head>
    <title>HTML5 Webcam Test</title> 
    <style type="text/css">
      body{
      }
      #live_video{
        top: 0px;
        height: 500px;
        width: 700px;
        border:1px solid black;
        left: 0px;
      }
    </style>
  </head>
  <body>
    <video id="live_video" autoplay controls>no video support</video>
    <script type="text/javascript">
      video = document.getElementById("live_video");
      navigator.webkitGetUserMedia({video:true, audio:true},
          function(stream) {
            video.src = window.webkitURL.createObjectURL(stream);
          }
      );
    </script>
      test
  </body>
</html>