Los últimos tutoriales de desarrollo web
 

HTML <audio> Tag


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.