Skip to main content

Etiqueta Audio en HTML5

Hasta la llegada de HTML5 la reproducción del audio dependía de la presencia de un pluging, normalmente flash. HTLM5 instaura un modo para incluir audio en la web. La etiqueta <audio> puede reproducir un fichero de audio o un stream de audio.

Los formatos de audio que se usan principalmente son tres. El formato abierto Ogg, y los propietarios MP3 y Wav. Lamentablemente cada navegador soporta unos y no otros. Solo Chrome soporta los tres. Opera y Firefox soportan ambos Ogg y Wav.

Incluir audio en nuestra web tan solo requiere incluir el siguiente código:

El atributo control tiene como función incluir los controles de reproducción, pausa y volumen. El contenido entre las etiquetas audio se mostraría en navegadores que no tienen soporte.

Como hemos dicho anteriormente no todos los navegadores soportan todos los formatos de audio. Podemos servirnos de la etiqueta <source> para incluir en audio a reproducir en distintos formatos. EL primero listado que tenga soporte por el navegador será el usado por él.

Los atributos de <audio> son:

autoplay autoplay El audio se reproducirá tan pronto sea posible.
controls controls Los controles de audio se mostrarán.
loop loop El audio se reproducirá en bucle sin fin
preload preload Se carga el audio a la carga de la página.
src url La URL de la fuente de audio.
type mime Especifica el tipo mime del fichero de audio

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.