Audio HTML
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, use el <audio>
elemento:
Ejemplo
<audio controls>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
Audio HTML: cómo funciona
El controls
atributo agrega controles de audio, como reproducción, pausa y volumen.
El <source>
elemento le permite especificar archivos de audio alternativos entre los que puede elegir el navegador. El navegador utilizará el primer formato reconocido.
El texto entre las etiquetas <audio>
y </audio>
solo se mostrará en navegadores que no admitan el <audio>
elemento.
HTML <audio> Reproducción automática
Para iniciar un archivo de audio automáticamente, use el autoplay
atributo:
Ejemplo
<audio controls autoplay>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
Nota: los navegadores Chromium no permiten la reproducción automática en la mayoría de los casos. Sin embargo, la reproducción automática silenciada siempre está permitida.
Agregue muted
after
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">
Your browser does not support the audio element.
</audio>
Compatibilidad con navegador
Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con el
<audio>
elemento.
Element | |||||
---|---|---|---|---|---|
<audio> | 4.0 | 9.0 | 3.5 | 4.0 | 10.5 |
Formatos de audio HTML
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 borde 79
Audio HTML: tipos de medios
File Format | Media Type |
---|---|
MP3 | audio/mpeg |
OGG | audio/ogg |
WAV | audio/wav |
Audio HTML: métodos, propiedades y eventos
El HTML DOM define métodos, propiedades y eventos para el <audio>
elemento.
Esto le permite cargar, reproducir y pausar audios, así como establecer la duración y el volumen.
También hay eventos DOM que pueden notificarle cuando un audio comienza a reproducirse, se detiene, etc.
Para obtener una referencia completa de DOM, vaya a nuestra Referencia de DOM de audio/video HTML .
Etiquetas de audio HTML
Tag | Description |
---|---|
<audio> | Defines sound content |
<source> | Defines multiple media resources for media elements, such as <video> and <audio> |