JSFiddle - React, Tailwind, and code Playground

by rohanbhangui

HTML

<audio autoplay class="stuff" controls>
  <source src=”https://samplelib.com/lib/preview/mp3/sample-3s.mp3″ type=”audio/mp3″>
</audio>

<!-- <iframe src=”https://samplelib.com/lib/preview/mp3/sample-3s.mp3″ type=”audio/mp3″ allow=”autoplay” id=”audio” style=”display:none”></iframe>

<audio loop id="playAudio">
<source src="https://s3-eu-west-1.amazonaws.com/neilbryson.net.random/silence.mp3">
</audio> -->

JavaScript

/* const myAudio = document.querySelector(".stuff");
myAudio.addEventListener('canplaythrough', function() {
  this.play();
});

window.addEventListener('DOMContentLoaded', (event) => {
    const myAudio = document.querySelector("background-audio");
    myAudio.addEventListener('canplaythrough', function() {
      this.play();
    });
}); */