tengo un error que es

El error que muestra es:
DOMException no detectada: play() falló porque el usuario no interactuó primero con el documento.

El error no impide que se ejecute la función, pero no debe mostrarse, ya que algunas de las preguntas en la documentación de SO , Chrome y Mozilla indican que el audio o el video que están silenciados no están bloqueados para reproducirse.

Así que debe haber algo que estoy haciendo mal. ¿Puede decir eso o alguna forma de eliminar el error?

He silenciado el audio de primera mano, entonces ¿por qué sigue apareciendo? Como la función se ejecuta cada segundo, también aparece un error cada segundo.

El error deja de aparecer cuando hago clic en el botón de start que reproduce el audio.

¿Hay alguna forma de eliminar este error?

 var start = document.getElementById("triggerSnd") var audioElement = document.getElementById('audiotag1') var demo = document.getElementById('demo') var interval, isMuted = true clockRunner(); clock(); setInterval(() => clock(), 1000) start.addEventListener('click', clockRunner) function clockRunner() { audioElement.muted = isMuted start.innerText = isMuted ? "Start" : "Stop" isMuted = !isMuted } function clock(isMuted) { //Clock code goes here , here only used a simple timer demo.innerText = new Date(); audioElement.play(); }

 <audio id="audiotag1" src="https://soundbible.com/mp3/Tick-DeepFrozenApps-397275646.mp3" preload="metadata"></audio> <button id="triggerSnd">Start</button> <div id="demo"></div>

No se muestra en el fragmento de código anterior, pero se puede ver en la consola del código VS (usándolo, por lo que puede informarlo) cada segundo

Gracias por la ayuda de antemano