Inicio > Internet y redes, Tutoriales > Coloca un reproductor MP3 en una pagina web

Coloca un reproductor MP3 en una pagina web

lunes, 28 de diciembre de 2009

Estaba creando una aplicacion para ordenar la musica y en eso necesitaba un reproductor MP3 flash para escuchar la musica y en Google encontre esta pagina.

Ahi habian varias opciones, con y sin listas de reproduccion, y varios diseños, pero me quede con esta opcion.

image

Es muy sencillo, el boton Play, Stop y el volumen, ahora como se instala en la pagina y se linkea al archivo mp3?

Primero descargas el .swf desde la pagina del autor (pagina en frances), buscas el boton de descarga y guardas el archivo .zip en el disco curo

image

Al abrirlo el archivo tendra estos archivos, para distintas opciones e implementaciones (una con swfobject)

image

Hay varios dewplayer.swf (dewplayer-stream.swf, dewplayer-multi.swf, etc), cada uno es un modelo distinto para funciones distintas, revisalas de a uno hasta encontrar la que necesites.

Luego copias el swf y lo subes al servidor, luego en el codigo de la pagina colocas el codigo donde quieras que aparezca el reproductor.

<object type="application/x-shockwave-flash" data="dewplayer-bubble.swf" width="400" height="400" id="dewplayer" name="dewplayer">
<param name="wmode" value="transparent" />
<param name="movie" value="dewplayer-bubble.swf" />
<param name="flashvars" value="mp3=nombre_archivo.mp3amp;autostart=1&amp;showtime=1&amp;volume=50" />
</object>

 

Reemplazas dewplayer-bubble.swf por el reproductor que elijas, tambien puedes cambiar en la etiqueta <param name=flashvars…

  • mp3=nombre_archivo.mp3 ahi colocas la ruta del archivo MP3 en el servidor que el reproductor debe cargar
  • autostart=1 si es 1 al cargar el reproductor se reproducira la musica automaticamente, 0 para que debas presionar play.
  • volume=50 el volumen por defecto de 0 a 100.
Comentarios cerrados.