Cómo poner un AUDIO en HTML

Logo de Cuarzo.dev
Cuarzo.dev

Recibe cada lunes y jueves un correo para ayudarte a impulsar tus habilidades de programación. Ofreciéndote consejos, tutoriales, recursos gratuitos, noticias relevantes y una comunidad comprometida. También tenemos memes 😏

Suscríbete Gratis

Si tienes alguna duda con el curso o te quedas en algún punto donde no sepas avanzar te puedes unir gratis a nuestra comunidad de discord y preguntar tus dudas, que la comunidad estará encantada de ayudarte.

Únete al discord

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.

Al suscribirte estás aceptando los términos de uso y la política de privacidad. Puedes darte de baja en cualquier momento.

Libro No todo es programar de Kiko Palomares
Koding Beats