Ejemplo
Reproducir un sonido:
<audio controls>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio tag.
</audio>
Inténtalo tú mismo " Definición y Uso
La <audio> etiqueta define sonido, como la música u otros flujos de audio.
Actualmente, hay 3 formatos de archivo compatibles para la <audio> elemento: MP3, Wav y Ogg :
Navegador | MP3 | wav | Ogg |
---|---|---|---|
Internet Explorer | YES | NO | NO |
Chrome | YES | YES | YES |
Firefox | YES | YES | YES |
Safari | YES | YES | NO |
Opera | YES | YES | YES |
Los tipos MIME para formatos de audio
Formato | Tipo MIME |
---|---|
MP3 | audio/mpeg |
Ogg | audio/ogg |
Wav | audio/wav |
Soporte para el 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 | 10.5 |
Diferencias entre HTML 4.01 y HTML5
La <audio> etiqueta es nueva en HTML5.
Notas y sugerencias
Consejo: Cualquier texto dentro de la entre <audio> y </audio> se mostrará en los navegadores que no soportan el <audio> etiqueta.
atributos
= Nuevo en HTML5.
Atributo | Valor | Descripción |
---|---|---|
autoplay | autoplay | Especifica que el audio empezará a reproducirse tan pronto como esté listo |
controls | controls | Especifica que los controles de audio se deben mostrar (como un juego / botón de pausa, etc.) |
loop | loop | Especifica que el audio se iniciará otra vez, cada vez que se terminó |
muted | muted | Especifica que la salida de audio debe ser silenciado |
preload | auto metadata none | Especifica si y cómo el autor piensa que el audio se debe cargar cuando se carga la página |
src | URL | Especifica la dirección URL del archivo de audio |
Los atributos globales
La <audio> etiqueta también es compatible con el de los atributos globales en HTML .
Atributos de eventos
La <audio> etiqueta también es compatible con la atributos de eventos en HTML .
Páginas relacionadas
Referencia HTML DOM: HTML Audio / Video Referencia DOM
Ajustes por defecto CSS
Ninguna.