Etiqueta HTML <audio>

Definición y uso

<audio> La etiqueta se utiliza para insertar contenido de sonido en el documento, como música u otros flujos de audio.

<audio> La etiqueta puede contener una o más etiquetas con diferentes fuentes de audio. Etiqueta <source>. El navegador elegirá la primera fuente que soporte.

<audio> y </audio> El texto entre etiquetas solo se mostrará en navegadores que no <audio> se mostrará en el navegador del elemento.

Consejo:Para archivos de video, consulta Etiqueta <video>.

HTML admite tres formatos de audio: MP3, WAV y OGG.

Formatos de audio y soporte de navegador

Navegador MP3 WAV OGG
Edge / IE Soportado Soportado * Soportado *
Chrome Soportado Soportado Soportado
Firefox Soportado Soportado Soportado
Safari Soportado Soportado No soportado
Opera Soportado Soportado Soportado

* Desde Edge 79

Véase también:

Manual de referencia de DOM HTML:Manual de referencia de DOM de Audio/Video HTML

Ejemplo

Reproducir archivo de sonido:

<audio controls>
  <source src="song.ogg" type="audio/ogg">
  <source src="song.mp3" type="audio/mpeg">
  Tu navegador no admite la etiqueta audio.
</audio>

Prueba personalmente

Atributo

Atributo Valor Descripción
autoplay autoplay Se establece que el audio comenzará a reproducirse inmediatamente después de estar listo.
controls controls Se establece que se deben mostrar los controles de audio (por ejemplo, botones de reproducción/pausa, etc.).
loop loop Se establece que el audio se reiniciará al finalizar cada vez.
muted muted Especifica que la salida de audio debe estar silenciada.
preload
  • auto
  • metadata
  • none
 Especifica si y cómo se debe cargar el audio al cargar la página.
src URL Especifica la URL del archivo de audio.

Atributos globales

<audio> La etiqueta también admite Atributos globales en HTML.

Atributos de eventos

<audio> La etiqueta también admite Atributos de eventos en HTML.

Configuración CSS predeterminada

Ninguna.

Compatibilidad del navegador

Los números en la tabla indican la versión del navegador que admite completamente el elemento por primera vez.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
4.0 9.0 3.5 4.0 11.5