JSFiddle - React, Tailwind, and code Playground

by rowntreerob

HTML

<button id="capture-button">pushIt
</button>
<audio id="video" controls></audio>

JavaScript

var button = document.querySelector('#capture-button');
var localMediaStream = null;
var video = document.querySelector('#video');


navigator.mediaDevices.getUserMedia({audio: true, video: false}).then(function(stream) {
  video.srcObject = stream;
  video.onloadedmetadata = function(e) {
    
    video.play();    
    
  };
}).catch(function(err) {
  displayErrorMessage("Err audio stream: " + err.name, err);
});