Cómo poner un AUDIO en HTML

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.

See the Pen HTML | 4.3 - Audio - 1 by Francisco Palomares Barrios (@kikopalomares) on CodePen.

 

¿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.

Media Type

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.

¿Quieres más?

Si estás interesado en el mundo de la programación y el desarrollo web, te recomiendo que te suscribas a mi canal de youtube donde tienes mucho más contenido gratuito

IR AL CANAL

¿Quieres convertirte en desarrollador web? [GRATIS]

Déjame aquí tu mejor email y te mandaré un curso para que puedas empezar en el desarrollo web totalmente GRATIS!

¡Prometo no enviarte SPAM! Sólo cosas relevantes que te interesen.