Estoy tratando de hacer un bucle de dos archivos usando javascript. Aquí está la secuencia:

1. El usuario hace clic en un botón
2. Se inicia un temporizador de cuenta regresiva y se reproduce el archivo 1 (al hacer clic)
3. Luego, el archivo 2 se reproduce después de X ms (setTimeout)
4. El archivo 1 se reproduce de nuevo (setInterval)
5. El archivo 2 vuelve a reproducirse... etc. hasta que finaliza el temporizador.

Funciona bien en el escritorio. Pero no puedo hacer que los sonidos se reproduzcan en el móvil. En otras palabras, se atasca en el paso 3.

Aquí está la URL: https://benpages.com/nova/

Y así es como configuré el audio:

 function audioTrack() { const soundOne = new Audio('./files/low-bell.mp3'); const soundTwo = new Audio('./files/high-bell.mp3'); inhale = document.getElementById('inhale').value * 1000; exhale = document.getElementById('exhale').value * 1000; breathCycle = inhale + exhale; soundOne.play(); soundOffset = setTimeout(() => {soundTwo.play()}, inhale); } function loopTrack() { audioTrack(); audioLoop = setInterval(audioTrack, breathCycle); }

loopTrack se activa al hacer clic junto con otras funciones.

 const startTimer = function () { time = startingMinutes * 60; if(activeSession == true){ clearInterval(countdown); clearInterval(audioLoop); clearTimeout(soundOffset); } if(startingMinutes != "") { activeSession = true; updateCountdown(); loopTrack(); countdown = setInterval(updateCountdown, 1000); } else { alert('Enter a time and try again'); } }

¿Tienes idea de lo que está pasando?