JSFiddle - React, Tailwind, and code Playground

HTML

<audio id="background_audio" autoplay="autoplay">
  <source src="http://jfroom.com.s3.amazonaws.com/blob/temp/test/sfx.mp3" />
</audio> 

<button href="#noscroll" id="mute">toggle mute</button>
<button href="#noscroll" id="play">play</button>

JavaScript

var audio = document.getElementById('background_audio');
audio.addEventListener('ended', function (e) { alert('ended'); })

document.getElementById('mute').addEventListener('click', function (e)
{
    e = e || window.event;
    audio.muted = !audio.muted;
    e.preventDefault();
}, false);

document.getElementById('play').addEventListener('click', function (e) {
    audio.play();
})