Cómo poner un AUDIO en HTML

Aprende como usar audios en HTML desde cero para principiantes.

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.

Soporte de los navegadores

En HTML5 tenemos 3 formatos soportados: MP3, WAV, OGG.

Navegador

MP3

WAV

OGG

Edge/IE

No

No

Chrome

Firefox

Safari

No

Opera

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.

Suscríbete para seguir leyendo...

Este contenido es gratuito, pero debes estar suscrito a Cuarzo.dev para continuar leyendo.

Already a subscriber?Sign In.Not now

Join the conversation

or to participate.