Audio en la web
Antes de HTML5 había que instalar plugins como Flash para reproducir audios en los navegadores.
Ahora HTML5 tiene la etiqueta <audio> que especifica el estándar para audios en las web.
¿Cómo funciona?
Tenemos el atributo controls que nos proporciona los controles como el play, pausa y volumen.
Los elementos source nos permiten especificar ficheros de audio alternativos para que el navegador elija.
En HTML5 tenemos 3 formatos soportados: MP3, WAV, OGG.
Navegador | MP3 | WAV | OGG |
|---|---|---|---|
Edge/IE | Sí | No | No |
Chrome | Sí | Sí | Sí |
Firefox | Sí | Sí | Sí |
Safari | Sí | Sí | No |
Opera | Sí | Sí | Sí |
Media Type
Formato | Media type |
|---|---|
MP3 | audio/mpeg |
OGG | audio/ogg |
WAV | audio/wav |
Métodos, propiedades y eventos
HTML5 define métodos DOM, propiedades y eventos para el elemento <audio>.
Esto 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, está en pausa, etc.
