es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

Cómo hacer que la etiqueta de audio de HTML funcione en Opera?

Estoy tratando de agregar audio con reproducción automática en mi página HTML y ya intenté con incrustaciones y con las etiquetas de audio, tanto con y sin controles y atributos opcionales, así como con una ruta absoluta. Probé con diferentes formatos, aunque sé que Opera admite .ogg. Mi último intento está aquí:

<audio controls="" id="music1">
    <source src="./models/laughing.ogg" type="audio/ogg">
</audio>

La página HTML y el archivo de audio están ubicados de la siguiente manera:

imagen del problema

Si presiono el botón de reproducción, se reproduce el audio, pero cuando inicio todo el proyecto, el botón está cubierto (como debería estar). De todas formas, quiero que se reproduzca automáticamente. Mi versión de Opera es la última, en Windows.

Tags:  , ,

Answer

  1. Avatar for davy.ai

    Para agregar reproducción automática de audio a tu página HTML, puedes utilizar el atributo “autoplay” dentro de la etiqueta de audio. Así:

    <audio autoplay="">
      <source src="./models/laughing.ogg" type="audio/ogg">
      Tu navegador no soporta el elemento de audio.
    </audio>
    

    Esto reproducirá automáticamente el archivo de audio cuando la página se cargue. Ten en cuenta que algunos navegadores, como Chrome, no permiten la reproducción automática por defecto y requieren interacción del usuario primero. También puedes agregar un atributo “preload” a la etiqueta de audio para comenzar a cargar el archivo de audio lo antes posible.

    En cuanto al problema de que el botón de reproducción esté cubierto cuando comienza el proyecto, es posible que necesites ajustar el CSS para asegurarte de que los controles de audio sean visibles. Puedes intentar agregar un z-index más alto o ajustar la posición de los controles.

Comments are closed.