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

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

22 comentarios - reproductor mp3 para pagina web[html,xml,swf]

@jimmy1920
veamos si me sirve, gracias +5
@scram69 +1
Muy bueno te de +10
@scriber_acs
excelente amigo 100% recomendado
@juani_ladrone
uuuuuuuuuy que bueno que te pueda comentar tengo un quilombo importante estoy terminando una web y solo me faltaria que este reproductor se redroduciera solo...onda un autoplay pero en el codigo de MULTI no logro hacerlo... este es mi codigo completo se me reproduce si le doy play pero quiero EL AUTOPLAY...

&lt;object data=&quot;dewplayer-multi.swf?mp3=dewplayer/mp3/jamming.mp3&quot; type=&quot;application/x-shockwave-flash&quot; width=&quot;240&quot; height=&quot;20&quot; align=&quot;top&quot; id=&quot;dewplayer-multi&quot;&gt;
&lt;param name=&quot;wmode&quot; value=&quot;transparent&quot; /&gt;
&lt;param name=&quot;movie&quot; value=&quot;dewplayer-multi.swf?mp3=dewplayer/mp3/jamming.mp3&quot;/&gt; &lt;/object&gt;

tenes idea de que puedo modificar del codigo para que pase esto? muchas gracias,,, A ESTA PREFECTA LA EXPLICACION.
@Ecuamusicatotal
en el play lista multi para que enpiese a tocar y cuando termina la cancion que continue la siguiente deverias de poner despues del playlist.xml estos &amp;autoreplay=1
@Ecuamusicatotal
axl_mam dijo:
juani_ladrone dijo:uuuuuuuuuy que bueno que te pueda comentar tengo un quilombo importante estoy terminando una web y solo me faltaria que este reproductor se redroduciera solo...onda un autoplay pero en el codigo de MULTI no logro hacerlo... este es mi codigo completo se me reproduce si le doy play pero quiero EL AUTOPLAY...

&lt;object data=&quot;dewplayer-multi.swf?mp3=dewplayer/mp3/jamming.mp3&quot; type=&quot;application/x-shockwave-flash&quot; width=&quot;240&quot; height=&quot;20&quot; align=&quot;top&quot; id=&quot;dewplayer-multi&quot;&gt;
&lt;param name=&quot;wmode&quot; value=&quot;transparent&quot; /&gt;
&lt;param name=&quot;movie&quot; value=&quot;dewplayer-multi.swf?mp3=dewplayer/mp3/jamming.mp3&quot;/&gt; &lt;/object&gt;

tenes idea de que puedo modificar del codigo para que pase esto? muchas gracias,,, A ESTA PREFECTA LA EXPLICACION.

espero que sirva
=================================================
&lt;object type=&quot;application/x-shockwave-flash&quot; data=&quot;dewplayer-multi.swf&quot; width=&quot;240&quot; height=&quot;20&quot; id=&quot;dewplayer&quot; name=&quot;dewplayer&quot;&gt; &lt;param name=&quot;wmode&quot; value=&quot;transparent&quot; /&gt;&lt;param name=&quot;movie&quot; value=&quot;dewplayer-multi.swf&quot; /&gt; &lt;param name=&quot;flashvars&quot; value=&quot;mp3=cancion.mp3&amp;amp;autostart=1&amp;amp;autoreplay=1&quot; /&gt; &lt;/object&gt;

solo hay un problema es individual(1 cancion)
@Ecuamusicatotal -1
no se me encontre en la Net @axl_mam

axl_mam dijo:el reproductor es autoria de un chavo de peru roby robni algo asi verdad @Ecuamusicatotal


axl_mam dijo:el reproductor es autoria de un chavo de peru roby robni algo asi verdad @Ecuamusicatotal


axl_mam dijo:el reproductor es autoria de un chavo de peru roby robni algo asi verdad @Ecuamusicatotal


axl_mam dijo:el reproductor es autoria de un chavo de peru roby robni algo asi verdad @Ecuamusicatotal


axl_mam dijo:el reproductor es autoria de un chavo de peru roby robni algo asi verdad @Ecuamusicatotal


axl_mam dijo:el reproductor es autoria de un chavo de peru roby robni algo asi verdad @Ecuamusicatotal


axl_mam dijo:el reproductor es autoria de un chavo de peru roby robni algo asi verdad @Ecuamusicatotal


axl_mam dijo:el reproductor es autoria de un chavo de peru roby robni algo asi verdad @Ecuamusicatotal


axl_mam dijo:el reproductor es autoria de un chavo de peru roby robni algo asi verdad @Ecuamusicatotal


axl_mam dijo:el reproductor es autoria de un chavo de peru roby robni algo asi verdad @Ecuamusicatotal


axl_mam dijo:el reproductor es autoria de un chavo de peru roby robni algo asi verdad @Ecuamusicatotal


axl_mam dijo:el reproductor es autoria de un chavo de peru roby robni algo asi verdad @Ecuamusicatotal


axl_mam dijo:el reproductor es autoria de un chavo de peru roby robni algo asi verdad @Ecuamusicatotal


axl_mam dijo:el reproductor es autoria de un chavo de peru roby robni algo asi verdad @Ecuamusicatotal
@asdfkzjsdf
Amigo una pregunta eso donde lo pongo para tener el reproductor en mi web???
@axl_mam
mira una el codigo pagina que yo hice ya hace tiempo [ya esta muerta]

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<link rel="shortcut icon" href="favicon.ico" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>iviki.tli1.tk</title>

<link rel="stylesheet" type="text/css" href="style.css" media="screen,projection">
</head>
<body>

<div id="container" class="clearfix">

<h2>cheapest
@juanjotoel09 +1
gracias me sirvio mucho te dejo 10 puntos
@Antraxflow +1
Oye que te agradezco en serio, muchisimo, funciona de puta madre, mucha paz y te dejo +10!!!