Tengo un temporizador de cuenta regresiva que reproduce un sonido cuando finaliza y me gustaría que el sonido no pausara ni interfiriera con el audio existente que se está reproduciendo en el dispositivo del usuario a través de otra aplicación (como Spotify). En una computadora (Macbook Pro), esto funciona en todos los navegadores y el sonido de la alarma se reproduce sobre la música de fondo. En un teléfono móvil (iPhone), la música de fondo se detiene cuando finaliza la cuenta regresiva y suena la alarma y se requiere que reproduzca el audio de fondo. ¡No tengo el conocimiento para encontrar una solución para esto y cualquier ayuda es realmente apreciada! Modifiqué el siguiente código de esta publicación que ayudó a resolver la barrera de la reproducción automática inicialmente:

 const audio = new Audio("https://www.fesliyanstudios.com/play-mp3/4385"); let time = ${time}; btn.onclick = e => { // mark our audio element as approved by the user audio.load(); countdown(); btn.disabled = true; }; function countdown() { document.getElementById("pre").style.color ="#12A89E"; document.getElementById("pre").innerHTML = --time + "s work time"; if(time === 0) return onend(); setTimeout(countdown, 1000); } function onend() { audio.play(); // now we're safe to play it document.getElementById("pre").style.color ="#A81248"; document.getElementById("pre").innerHTML = "NEXT MOVEMENT"; time = ${time} btn.disabled = false; }