Aprende Incrustación de Archivos de Audio en HTML

HTML permite agregar audio directamente a una página web utilizando la etiqueta <audio>.

Incrustar audio

La etiqueta <audio> muestra un reproductor de audio dentro del navegador.

Atributos útiles de audio

controls: muestra reproducir, pausar, volumen, etc.;
autoplay: inicia la reproducción automáticamente;
loop: repite el audio de forma continua

<audio controls autoplay loop>
  <!-- Source goes here -->
</audio>

Agregar la fuente de audio

La etiqueta <source> dentro de <audio> indica al navegador dónde se encuentra el archivo de audio y qué formato tiene.

<audio controls autoplay loop>
  <source src="audio-url.mp3" type="audio/mpeg" />
  <source src="audio-url.ogg" type="audio/ogg" />
  Your browser does not support the audio element.
</audio>

<audio> define el reproductor y su comportamiento;
<source> proporciona las URL y formatos de los archivos de audio;
El texto alternativo aparece si el navegador no puede reproducir el audio.

index.html

Nota

Formatos de audio comunes: MP3, Ogg, WAV. Usar más de un formato aumenta la compatibilidad entre navegadores.

1. ¿Qué etiqueta se utiliza para incrustar contenido de audio en un documento HTML?

2. ¿Por qué se recomienda proporcionar el audio en varios formatos?

¿Todo estuvo claro?

¡Gracias por tus comentarios!

Sección 3. Capítulo 3

Pregunte a AI

Pregunte lo que quiera o pruebe una de las preguntas sugeridas para comenzar nuestra charla

Desliza para mostrar el menú