HTML Audio
El elemento HTML <audio> se utiliza para reproducir un archivo de audio en una página web.
El elemento HTML <audio>
Para reproducir un archivo de audio en HTML, utilice el elemento <audio>:
Ejemplo
<audio controls>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
Su navegador no soporta el elemento de audio.
</audio>
Inténtalo tú mismo »
HTML Audio - Cómo funciona
El atributo controls agrega controles de audio, como reproducción, pausa y volumen.
El elemento <source> le permite especificar archivos de audio alternativos entre los que el navegador puede elegir. El navegador utilizará el primer formato reconocido.
El texto entre las etiquetas <audio> y </audio> solo se mostrará en navegadores que no admite el elemento <audio>.
HTML <audio> Autoplay (Auto-reproducción)
Para iniciar un archivo de audio automáticamente, utilice el atributo autoplay:
Ejemplo
<audio controls autoplay>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
Su navegador no soporta el elemento de audio.
</audio>
Inténtalo tú mismo »
Nota: Los navegadores Chromium no permiten la reproducción automática en la mayoría de los casos. Sin embargo, siempre se permite la reproducción automática silenciada.
Agregue muted después de autoplay para permitir que su archivo de audio comience a reproducirse automáticamente (pero silenciado):
Ejemplo
<audio controls autoplay muted>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
Su navegador no soporta el elemento de audio.
</audio>
Inténtalo tú mismo »
Soporte del navegador
Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con el elemento <audio>.
| Elemento | |||||
|---|---|---|---|---|---|
| <audio> | 4.0 | 9.0 | 3.5 | 4.0 | 10.5 |
HTML Formatos de audio
Hay tres formatos de audio compatibles: MP3, WAV y OGG. El soporte del navegador para los diferentes formatos es:
| 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 |
*Desde el Edge 79
HTML Audio - Tipos de medios
| Formato de archivo | Tipo de medio |
|---|---|
| MP3 | audio/mpeg |
| OGG | audio/ogg |
| WAV | audio/wav |
HTML Audio — Métodos, propiedades y eventos
El DOM HTML define métodos, propiedades y eventos para el elemento <audio>.
Esto te permite cargar, reproducir y pausar audios, así como establecer la duración y el volumen.
También hay eventos DOM que pueden notificarte cuando un audio comienza a reproducirse, se pausa, etc.
Para obtener una referencia DOM completa, vaya a nuestra Referencia DOM de audio/vídeo HTML.
HTML Etiquetas de audio
| Etiqueta | Descripción |
|---|---|
| <audio> | Define el contenido sonoro |
| <source> | Define múltiples recursos multimedia para elementos multimedia, como <video> y <audio> |
