JSFiddle - React, Tailwind, and code Playground

by juberti

HTML

<button onclick="foo()">
Foo
</button>

JavaScript

var audioContext;
var pan = -1;

async function foo() {
  if (!audioContext)
	  audioContext = new AudioContext();
	s = await navigator.mediaDevices.getUserMedia({audio:true});
  const source = audioContext.createMediaStreamSource(s);
  const panner = audioContext.createStereoPanner();
  panner.pan.value = pan;
  pan = -pan;
  source.connect(panner).connect(audioContext.destination);
}