JSFiddle - React, Tailwind, and code Playground

JavaScript

Origin="anonymous";var context;
if(window.webkitAudioContext) {
    context = new webkitAudioContext();
} else {
    context = new AudioContext();
}
var audio = new Audio();
audio.crossOrigin="anonymous";
//Diego Silva: Added crossOrigin for anonymous requesting.

// // This file does seem to have CORS Header
audio.src = "https://upload.wikimedia.org/wikipedia/en/4/45/ACDC_-_Back_In_Black-sample.ogg";
//Diego Silva: changed to use secure-socket HTTP. 

var source;
function onCanPlay() {
    console.log("can play called");
    source = context.createMediaElementSource(audio);
    source.connect(context.destination);
    audio.removeEventListener("canplay", onCanPlay);
    audio.play();
}

if(audio.readyState < 3) { //Diego Silva: audio.readyState returned zero for me, ok.
    audio.addEventListener("canplay", onCanPlay);
} else {
    onCanPlay();
}