JSFiddle - React, Tailwind, and code Playground
HTML
<p>After audio has started playing, click <a href="#">connect audio context</a></p>
<audio autoplay controls src="http://161.55.224.79:88/broadwave.mp3"></audio>
<p>Audio sample rate: <span id="audio-sample-rate"></span></p>
<p>Audio Context sample rate: <span id="audio-context-sample-rate"></span></p>
JavaScript
var audio = document.querySelector('audio');
var ctx = new AudioContext();
document.querySelector('a').addEventListener('click', function(e) {
document.querySelector('#audio-sample-rate').textContent = audio.mozSampleRate;
document.querySelector('#audio-context-sample-rate').textContent = ctx.sampleRate;
e.preventDefault();
var node = ctx.createMediaElementSource( audio );
node.connect( ctx.destination );
});