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:
0 1 2 3 4 |
<audio src="cancion.ogg" controls> Su navegador no tiene soporte de audio </audio> |
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 |