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>