primero que nada les aclaro no soy profesional y si alguien es como yo le sera de mucha ayuda
es un practico reproductor flash con varias formas
- sencillo
- caratula de álbum
- lista de reproducion
- etc

se llama dewplaye

reproductor mp3 para pagina web[html,xml,swf]

primero lo bajas de aca

http://www.alsacreations.fr/dl/dewplayer.zip

en el zip bienen barios archivos

arrastra el archivo
index-xhtml.HTML a tu navegador para visualisarlo

te mostrara los distintos reproductores

visualizalos en el código fuente

te saldra asi


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Dewplayer</title>
<link rel="stylesheet" type="text/css" href="styles.css" />

</head>

<body id="dewbody">

<div id="content">

<h1>Dewplayer</h1>

<div id="players">

<h2>Classic</h2>
<object type="application/x-shockwave-flash" data="dewplayer.swf?mp3=mp3/test1.mp3" width="200" height="20" id="dewplayer"><param name="wmode" value="transparent" /><param name="movie" value="dewplayer.swf?mp3=mp3/test1.mp3" /></object>

<h2>Mini</h2>
<object type="application/x-shockwave-flash" data="dewplayer-mini.swf?mp3=mp3/test2.mp3" width="160" height="20" id="dewplayer-mini"><param name="wmode" value="transparent" /><param name="movie" value="dewplayer-mini.swf?mp3=mp3/test2.mp3" /></object>

<h2>Multi</h2>
<object type="application/x-shockwave-flash" data="dewplayer-multi.swf?mp3=mp3/test1.mp3|mp3/test2.mp3|mp3/test3.mp3" width="240" height="20" id="dewplayer-multi"><param name="wmode" value="transparent" /><param name="movie" value="dewplayer-multi.swf?mp3=mp3/test1.mp3|mp3/test2.mp3|mp3/test3.mp3" /></object>

<h2>Rect</h2>
<object type="application/x-shockwave-flash" data="dewplayer-rect.swf?mp3=mp3/test1.mp3|mp3/test2.mp3|mp3/test3.mp3" width="240" height="20" id="dewplayer-rect"><param name="wmode" value="transparent" /><param name="movie" value="dewplayer-rect.swf?mp3=mp3/test1.mp3|mp3/test2.mp3|mp3/test3.mp3" /></object>

<h2>Vol</h2>
<object type="application/x-shockwave-flash" data="dewplayer-vol.swf?mp3=mp3/test1.mp3" width="240" height="20" id="dewplayer-vol"><param name="wmode" value="transparent" /><param name="movie" value="dewplayer-vol.swf?mp3=mp3/test1.mp3" /></object>

<h2>Bubble</h2>
<object data="dewplayer-bubble.swf" width="250" height="65" name="dewplayer" id="dewplayer" type="application/x-shockwave-flash">
<param name="movie" value="dewplayer-bubble.swf" />
<param name="flashvars" value="mp3=mp3/test1.mp3" />
<param name="wmode" value="transparent" />
</object>

<h2>Bubble+Vol</h2>
<object data="dewplayer-bubble-vol.swf" width="250" height="65" name="dewplayer" id="dewplayer" type="application/x-shockwave-flash">
<param name="movie" value="dewplayer-bubble-vol.swf" />
<param name="flashvars" value="mp3=mp3/test1.mp3" />
<param name="wmode" value="transparent" />
</object>

<h2>Playlist</h2>
<p class="hint">La playlist est stockée dans le fichier playlist.xml</p>
<p class="hint">The playlist is stored in playlist.xml</p>
<object type="application/x-shockwave-flash" data="dewplayer-playlist.swf" width="240" height="200" id="dewplayer" name="dewplayer">
<param name="wmode" value="transparent" />
<param name="movie" value="dewplayer-playlist.swf" />
<param name="flashvars" value="showtime=true&autoreplay=true&xml=playlist.xml" />
</object>

<h2>Vinyl+Playlist</h2>
<object data="dewplayer-vinyl.swf" width="303" height="113" name="dewplayer" id="dewplayer" type="application/x-shockwave-flash">
<param name="movie" value="dewplayer-vinyl.swf" />
<param name="flashvars" value="xml=playlist.xml&javascript=off" />
<param name="wmode" value="transparent" />
</object>

</div> <!-- #players -->

</div> <!-- #content -->

</body>
</html>





siendo

los archivos .swf los reproductores

bueno haora crea una carpeta copia los archivos
- swfobject
- styles
- playlist.xmll

crea adentro de la carpeta dos carpetas mas con los nombres de
- mp3
- covers

web


cadareproductor tiene su html

ejemplos

html


play list

<h2>Playlist</h2>
<p class="hint">La playlist est stockée dans le fichier playlist.xml</p>
<p class="hint">The playlist is stored in playlist.xml</p>
<object type="application/x-shockwave-flash" data="dewplayer-playlist.swf" width="240" height="200" id="dewplayer" name="dewplayer">
<param name="wmode" value="transparent" />
<param name="movie" value="dewplayer-playlist.swf" />
<param name="flashvars" value="showtime=true&autoreplay=true&xml=playlist.xml" />
</object>


siendo

de forma html asi

asi

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Dewplayer</title>
<link rel="stylesheet" type="text/css" href="styles.css" />

</head>

<body id="dewbody">

<div id="content">

<div id="players">

<object type="application/x-shockwave-flash" data="dewplayer-playlist.swf" width="240" height="200" id="dewplayer" name="dewplayer">
<param name="wmode" value="transparent" />
<param name="movie" value="dewplayer-playlist.swf" />
<param name="flashvars" value="showtime=true&autoreplay=true&xml=playlist.xml" />
</object>


</div> <!-- #players -->

</div> <!-- #content -->

</body>
</html>



si quisiera este reproductor en la carpeta tendrias que guardar en html lo anterior [block de notas guardar como cualquiertipo
nombre
index-xhtml.HTML]


igualmente playlist.xml lista de tus canciones para editarlo
lo abres con blok de notas la


asi


<?xml version="1.0" encoding="UTF-8"?>
<playlist version="1" xmlns="http://xspf.org/ns/0/">
<title>Ounage Playlist</title>
<creator>Dew</creator>
<link>http://www.blup.fr/</link>
<info>The Best Playlist</info>
<image>covers/0.jpg</image>

<trackList>

<track>
<location>mp3/test1.mp3</location>
<creator>Bedrich Smetana</creator>
<album>Má Vlast</album>
<title>La Moldau (Vltava)</title>
<annotation>I love this song</annotation>
<duration>32000</duration>
<image>covers/1.jpg</image>
<info></info>
<link>http://fr.wikipedia.org/wiki/M%C3%A1_Vlast_(Smetana)</link>
</track>

<track>
<location>mp3/test2.mp3</location>
<creator>Antonin Dvorak</creator>
<album>La Symphonie du Nouveau Monde</album>
<title>La Symphonie du Nouveau Monde</title>
<annotation></annotation>
<duration></duration>
<image>covers/2.jpg</image>
<info></info>
<link>http://fr.wikipedia.org/wiki/Cesaria_Evora</link>
</track>

<track>
<location>mp3/test3.mp3</location>
<creator>Jean-Claude Petit</creator>
<album>Le Hussard sur le Toit</album>
<title>Le Hussard sur le Toit</title>
<annotation></annotation>
<duration></duration>
<image>covers/3.jpg</image>
<info></info>
<link>http://fr.wikipedia.org/wiki/Le_Hussard_sur_le_toit_%28film%29</link>
</track>

</trackList>
</playlist>


sustituyendo los valores marcados en rojo por los archivos mp3 que tu quieras siempre los nombres en minuscula ysin espacio
ubicandolos en las carpetas de
mp3[MUSICA]

covers[PORTADA DE ALBUN] NO NESESARIO

<track>
<location>mp3/test3.mp3</location>
<creator>Jean-Claude Petit</creator>
<album>Le Hussard sur le Toit</album>
<title>Le Hussard sur le Toit</title>
<annotation></annotation>
<duration></duration>
<image>covers/3.jpg</image>
<info></info>
<link>http://fr.wikipedia.org/wiki/Le_Hussard_sur_le_toit_%28film%29</link>
</track>
guarda los camibios y listo sino te funciona asmelo saber para ver si te puedo ayudar