Aqui estan las instrucciones:
Primero dejamos de lado Windows media player y damos la bienvenida a flash con xml y un poco de php, no se asusten es súper sencillo y lo mejor que es configurable .
El script consta de 3 archivos
Un flash, un xml, y un php o html donde ustedes insertaran el reproductor.
Primero ponen el archivo: player_mp3_multi.swf en la carpeta de trabajo
Luego crean un php o html según ustedes quieran lo importante es insertar el siguiente código:
PLAIN TEXT
Código HTML:
1. <object type=“application/x-shockwave-flash” data=“player_mp3_multi.swf” width=“250″ height=“200″>
2. <param name=“movie” value=“player_mp3_multi.swf” />
3. <param name=“wmode” value=“transparent” />
4. <param name=“FlashVars” value=“configxml=config.xml” />
5. </object>
En la segunda línea le dar la url donde tienen el flash y la cuarta la url del archivo xml .
Ahora vamos a definir las canciones esto se hace en el archivo xml
PLAIN TEXT
Código HTML:
1. <config>
2. <param name=“mp3″ value=“http://www.plusweb.cl/clientes/musica/01-TuMiAmor.mP3|http://www.plusweb.cl/clientes/musica/02-Rescatame.mP3|http://www.plusweb.cl/clientes/musica/03-canciondelelegido.mP3|http://www.plusweb.cl/clientes/musica/04-suenoconserpientes.mP3|http://www.plusweb.cl/clientes/musica/05-porquehablamos.mP3″/>
3. <param name=“title” value=“Tu Mi Amor Ricardo Arjona|Rescatame Ricardo Arjona|Cancion del Elegido Silvio Rodriguez|Sueno con Serpientes Silvio Rodriguez|Porque Hablamos Ricardo Arjona”/>
4. <param name=“height” value=“200″/>
5. <param name=“width” value=“250″/>
6. <param name=“showvolume” value=“3″/>
7. </config>
La segunda línea en el parámetro mp3 se definen los temas, lo ideal es que sean con la url absoluta, y si son varios se separan con | .. luego en la tercera linea se definen el parámetro de los títulos de las canciones, si son varias también se separan con |
Y eso seria todo, pueden bajar el ejemplo desde aqui
quieres ver el ejemplo funcionando puedes hacerlo en:
http://www.teayudo.cl/musica/
Actualización 08/08/2008:
Para los que me han consultado por la posibilidad de darle parámetros para configurar colores y otras cosas aca les va el código:
Código HTML:
1. Y este es el código del archivo config.xml:
2.
3. <config>
4. <param name=“mp3″ value=“song1.mp3|song2.mp3|test.mp3″/>
5. <param name=“title” value=“Título primero|Titulo segundo|Titulo tercero”/>
6. <param name=“height” value=“150″/>
7. <param name=“width” value=“250″/>
8. <param name=“bgcolor” value=“cccc99″/>
9. <param name=“bgcolor1″ value=“e79a2d”/>
10. <param name=“bgcolor2″ value=“d38c29″/>
11. <param name=“buttoncolor” value=“dddddd”/>
12. <param name=“buttonovercolor” value=“f9bf37″/>
13. <param name=“slidercolor1″ value=“dddddd”/>
14. <param name=“slidercolor2″ value=“cccccc”/>
15. <param name=“sliderovercolor” value=“f9bf37″/>
16. <param name=“textcolor” value=“dddddd”/>
17. <param name=“playlistcolor” value=“999999″/>
18. <param name=“currentmp3color” value=“f9bf37″/>
19. <param name=“scrollbarcolor” value=“cccccc”/>
20. <param name=“scrollbarovercolor” value=“f9bf37″/>
21. <param name=“showvolume” value=“1″/>
22. </config>