Cómo crear un reproductor de MP3 en HTML

Un reproductor de MP3, para tu sitio web.
Por fred larrey

Paso 1

Abre tu editor de texto favorito. Cualquiera servirá.


Paso 2

Escribe el siguiente código HTML:

<embed src="mi_canción.mp3" width="300" height="42" ></embed>

Asegúrate de reemplazar "mi_canción.mp3" con el archivo MP3 que deseas que se reproduzca.


Paso 3

Dirígete a "Archivo", selecciona "Guardar como" y navega hasta al directorio donde se encuentra tu archivo MP3. En el cuadro de texto "Nombre del archivo", escribe el nombre de tu archivo con la extensión ".html" (y no ".txt" o ".doc"). Haz clic en "Guardar".


Paso 4

Navega hasta el directorio donde guardaste el archivo ".html" y haz doble clic sobre él. Se ejecutará tu navegador predeterminado y escucharás que tu archivo comienza a reproducirse. Verás un reproductor de color gris que tiene un botón de reproducción/pausa/detención, un control deslizante de volumen y una barra de progreso que te indica en qué parte de la canción estás.