JSFiddle - React, Tailwind, and code Playground

HTML

<audio id='ad' controls src='https://html.com/wp-content/uploads/flamingos.mp3' preload="none"></audio>
<h1 id="mes"></h1>

JavaScript

let audio = document.getElementById('ad')
let message = document.getElementById('mes')

audio.oncanplay = () => {
  message.append ( "done\n")
};
audio.onwaiting = () => {
  message.append ( "load\n")
};
message.append ("start\n")
console.log('here')