JSFiddle - React, Tailwind, and code Playground

by wittnl

HTML

<body>
<div id="clock"></div>
<div id="message"></div>
<div id="result"></div>
<script>

var audioContext = new AudioContext;

setInterval(function() {
  var source = audioContext.createBufferSource();
  var buffer = audioContext.createBuffer(1, 10, 8000);
  buffer.getChannelData(0).set(new Float32Array([.9]));
  source.buffer = buffer;
  source.connect(audioContext.destination);
  source.start(0);
  document.getElementById("message").textContent = "played at " + audioContext.currentTime;
}, 31000);

var oldTime;
setInterval(function() {
  document.getElementById("clock").textContent = audioContext.currentTime;
  if (audioContext.currentTime == oldTime && oldTime > 1) {
    document.getElementById("result").textContent = "failed";
  }
  oldTime = audioContext.currentTime;
}, 100);

</script>
</body>