JSFiddle - React, Tailwind, and code Playground

HTML

<button id="changesource">Change source</button>
<div id="result">&nbsp;</div>
<div>
    <audio id="audio" controls="controls" preload="auto">
        <source type="audio/mpeg" id="mp3"></source>
    </audio>
</div>

JavaScript

var url = "http://www.w3schools.com/tags/horse.mp3";
$("#changesource").click(function () {
    $("#audio").empty();
    $("<source>").attr("src", url).attr("type", "audio/mpeg").attr("id", "mp3").appendTo("#audio");
    $("#audio").load();
});


$("#audio").on("canplaythrough", function (e) {
    $("#result").html('audio is ready');
});