Reproductor tipo WINAMP en tu web.

La red de redes nos da grandes vias para aprender y conocer cosas es realmente impresionante, aca esta un tutorial de un reproductor mp3 para tu web los creditos no son mios asi que ya esta dicho. A comenzar.


El tutorial Trata de como implementar facilmente un reproductor mp3 en nuestra web






para poner un reproductor mp3 estilo winamp necesitamos 3 archivos
reproductor.swf
audiolist.xml
index.htm
Primero descargense el reproductor.swf reproductor.zip]Aqui
Ahora creamos los 2 archivos restantes:
abre el block de notas, pega esto

Cita:


<?xml version="1.0" encoding="UTF-8"?>

<songs>

<song path="http://www.gitaris.com/multimedia/mp3/Nightwish-Nemo.mp3" title="Nemo - Nightwish " />

<song path="http://www.mobioo.com/files/40-operator-logos/keane%20-%20everybody%20changing%20-%20intro.mp3" title="Everybody changing - keane" />

<song path="http://www.experimentos.cl/~maverdug/mp3/Duran%20Duran-Greatest%20Hits/04-Ordinary%20world.mp3" title="Ordinary world - Duran Duran" />

<song path="http://www.angelfire.com/music6/www.evonetwork.com/Westlife%20-%20Uptown%20Girl.mp3" title="Westlife - Uptown girl" />

<song path="http://www.angelfire.com/music6/www.evonetwork.com/U2%20-%20Beautiful%20Day.mp3" title="U2 - Beautiful day" />

<song path="http://www.angelfire.com/music6/www.evonetwork.com/Cold%20Play%20-%20Clocks.mp3" title="Cold Play - Clocks"/>



</songs>


__ y guardalo como audiolist.xml
abre otra vez Otro block de notas, pega esto:
Cita:






<html>

<head>

<title>Reproductor Winamp</title>

<body>

<p align="center"><IFRAME

border=0 frameBorder=0 height="490" marginHeight=0 marginWidth=0

name=centro scrolling=no src="reproductor.swf"

width="350"></IFRAME></p>

</body>

</html>

y guardalo como index.htm

ahora ya tenemos los 3 archivos index.html reproductor.swf y audiolist.xml
a continuacion creamos una carpeta llamada winamp
metemos los 3 archivos en la carpeta winamp y lo subimos a nuestra web
Ahora vas a www.tu-web.com/winamp/ y si lo has hecho todo bien debes ver el reproductor funcionando.
Para poner mas canciones solo tienen que aumentar mas lineas

<song path="http://url-de-tu-cancion/tu-cancion.mp3" title="Nemo - Nightwish " />
<song path="http://url-de-tu-cancion/tu-cancion0.mp3" title="Cold Play - Clocks"/>
<song path="http://url-de-tu-cancion/tu-cancion1.mp3" title="nombre de cancion - artista " />
<song path="http://url-de-tu-cancion/tu-cancion2.mp3" title="nombre de cancion - artista " />
<song path="http://url-de-tu-cancion/tu-cancion3.mp3" title="nombre de cancion - artista " />
<song path="http://url-de-tu-cancion/tu-cancion4.mp3" title="nombre de cancion - artista " />

Comentarios

Entradas populares de este blog

Trucos de posicionamiento