JSFiddle - React, Tailwind, and code Playground

JavaScript

var audio_context;
var recorder;


window.onload = function init() {
try {
window.AudioContext = window.AudioContext || window.webkitAudioContext;
navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia;
window.URL = window.URL || window.webkitURL;

audio_context = new AudioContext;
} catch (e) {
  console.log(e);
}

navigator.getUserMedia({audio: true}, startUserMedia);

function startUserMedia(stream) {
console.log('Initializing');
  var input = audio_context.createMediaStreamSource(stream);    
  input.connect(audio_context.destination);    

  var node = input.context.createGain(4096, 2, 2);
    
  var processor = input.context.createScriptProcessor(1024,1,1);

  processor.onaudioprocess = function(e){
    console.log('done');
  }

  node.connect(processor);
  processor.connect(audio_context.destination);
r}
};