Etiqueta HTML <audio>
Ejemplo
Reproducir un archivo de sonido:
<audio controls>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
Su navegador no soporta la etiqueta de audio.
</audio>
Try it Yourself »
Definición y uso
La etiqueta <audio> se utiliza para incrustar contenido de sonido en un documento, como música u otras transmisiones de audio.
La etiqueta <audio> contiene una o más <source> etiquetas con diferentes fuentes de audio. El navegador elegirá la primera fuente que admita.
El texto entre las etiquetas <audio> y </audio> solo se mostrará en navegadores que no admite el elemento <audio>.
Hay tres formatos de audio compatibles en HTML: MP3, WAV y OGG.
Formato de audio y compatibilidad con navegador
| Browser | MP3 | WAV | OGG |
|---|---|---|---|
| Edge / IE | YES | YES* | YES* |
| Chrome | YES | YES | YES |
| Firefox | YES | YES | YES |
| Safari | YES | YES | NO |
| Opera | YES | YES | YES |
*De Edge 79
Consejos y notas
Consejo: Para archivos de vídeo, mira la etiqueta <video>.
Soporte del navegador
Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con el elemento.
| Elemento | |||||
|---|---|---|---|---|---|
| <audio> | 4.0 | 9.0 | 3.5 | 4.0 | 11.5 |
Atributos
| Atributo | Valor | Descripción |
|---|---|---|
| autoplay | autoplay | Especifique que el audio comenzará a reproducirse tan pronto como esté listo |
| controls | controls | Especifique que se deben mostrar los controles de audio (como un botón de reproducción/pausa, etc.) |
| loop | loop | Especifique que el audio comenzará de nuevo cada vez que finalice |
| muted | muted | Especificar que la salida de audio debe estar silenciada |
| preload | auto metadata none |
Específica si el autor cree que se debe cargar el audio cuando se carga la página y cómo |
| src | URL | Especifica la URL del archivo de audio |
Atributos globales
La etiqueta <audio> también soporta los Atributos Globales en HTML.
Atributos del evento
La etiqueta <audio> también soporta los Atributos de Eventos en HTML.
Páginas relacionadas
Referencia HTML DOM: Referencia DOM de audio/vídeo HTML.
Configuración CSS predeterminada
Ninguno.
