Saltar al contenido principal

Ejercicio práctico 13: Integrar audio en HTML

Descubre cómo insertar archivos de sonido en tus páginas web utilizando la etiqueta <audio>. Este ejercicio práctico te enseña a reproducir audio en HTML con controles personalizados y compatibilidad moderna.

Actividad​

Inserta un archivo de audio usando la etiqueta <audio>. Dentro de una carpeta debes tener tu archivo HTML y tu archivo de audio, el cual puede estar en una subcarpeta. Usa preferentemente el formato mp3 ya que es más liviano y con buena calidad.

Solución interactiva​

Solución con el código HTML completo​

HTML
<!DOCTYPE html>
<html lang="es">
  <head>
    <meta charset="UTF-8" />
    <title>Audio Integrado</title>
  </head>
  <body>
    <h1>Audio</h1>
    <audio controls>
      <source src="audio/mi_audio.mp3" type="audio/mpeg" />
      Tu navegador no soporta la reproducción de audio.
    </audio>
  </body>
</html>