0

Estoy realizando una página de un juego de preguntas, así que al cargar la página estoy poniendo que reproduzca un audio de intro, pero sale error, solo funciona si doy CTRL + F5, que sería traer todo del servidor, de lo contrario sale el error siguiente:

partida.php:172 Uncaught (in promise) DOMException: play() failed  
because the user didn't interact with the document first.

He buscado sobre ese error y menciona sobre las nuevas políticas de los navegadores, pero ¿hay una forma de resolver este problema?

El código que tengo en mi pagina web es el siguiente:

<audio id="intro" src="../audio/intro.mp3"></audio>
<script type="text/javascript">
    window.onload = function() {
        accionPlay();
    }
    function accionPlay(){  
        document.getElementById('intro').play();    
    }
</script>

1 respuesta 1

1

Es simple si lo único que deseas es que el audio se reproduzca al inicio de la carga de la página.

Debes usar el atributo autoplay de la etiqueta <audio>, y el audio se reproducirá al inicio de la carga.

<audio id="intro" src="../audio/intro.mp3" autoplay></audio>

Ejemplo:

<p>El audio se reproducirá al inicio de la carga de la página</p>

<audio controls="" autoplay>
  <source src="https://www.w3schools.com/tags/horse.ogg" type="audio/ogg">
  <source src="https://www.w3schools.com/tags/horse.mp3" type="audio/mpeg">
  Tu navegador no soporta el elemento "audio".
</audio>

Aquí puedes obtener más referencia sobre la etiqueta

5
  • Funciona en la primera carga de la pagina, después ya no reproduce el audio refrescando la pagina, al menos que de CTRL + F5. reproduce el audio. Commented el 17 may. 2020 a las 17:29
  • Te bota el mismo error? Commented el 17 may. 2020 a las 17:40
  • No sale error, y me percate que si termina la reproducción y espero un promedio de unos 40 segundos y refresca la página reproduce el audio. Es extraño. Aprecio tu apoyo por que ya no sale el error. Commented el 17 may. 2020 a las 17:57
  • Quizás se deba al peso del audio, ¿cuanto pesa el archivo? Commented el 17 may. 2020 a las 22:23
  • pesa 475kb duración 30s, debe ser eso gracias por tu respuesta. Commented el 25 may. 2020 a las 23:47

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.