JSFiddle - React, Tailwind, and code Playground

HTML

https://googlechrome.github.io/samples/audio/techno.wav <br />
https://streaming.kansaspublicradio.org:8001/mp3/First_0713886.mp3 <br />
<br />

<audio id="music" src="https://streaming.kansaspublicradio.org:8001/mp3/First_0713886.mp3"></audio>
<button id="play" >Play</button>
<br />
<!--
<audio controls>
  <source src="https://streaming.kansaspublicradio.org:8001/mp3/First_0713886.mp3" type="audio/mpeg">
</audio>
-->

JavaScript

function startPlayback() {
  // returns a promise
  return document.querySelector('#music').play();
}
var playButton = document.querySelector('#play');
playButton.addEventListener('click', startPlayback);