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

Fuentes de Información - reproductor mp3 para pagina web[html,xml,swf]

El contenido del post es de mi autoría, y/o, es un recopilación de distintas fuentes.

Tags: web | html | reproductor mp3 | xml

Dar puntos
46 Puntos
Votos: 8 - T!score: 6/10
  • 0 Seguidores
  • 15.499 Visitas
  • 14 Favoritos

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

@jimmy1920 Hace más de 3 años
veamos si me sirve, gracias +5
@scram69 Hace más de 3 años +1
Muy bueno te de +10
@scriber_acs Hace más de 2 años
excelente amigo 100% recomendado
@NazarenoPro Hace más de 2 años
Exelente aporte, a favoritos.
@juani_ladrone Hace más de 2 años
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 Hace más de 2 años
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 Hace más de 2 años
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)
@efm92 Hace más de 2 años

caracteristicas argentinas
@Ecuamusicatotal Hace más de 2 años
Bueno Aka les dejo mi web http://ecuamusicatotal.blogspot.com/
@Ecuamusicatotal Hace más de 2 años
@Ecuamusicatotal Hace más de 2 años
Bueno aka les dejo uno reproductor mp3 flash con xml si les sirve visiten http://www.taringa.net/posts/hazlo-tu-mismo/15029057/Flash-mp3-lista-Para-web-Gratis-pon-Tu-propia-musica.html
@Ecuamusicatotal Hace más de 2 años -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 Hace más de 1 año
Amigo una pregunta eso donde lo pongo para tener el reproductor en mi web???
@axl_mam Hace más de 1 año
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 Hace más de 1 año +1
gracias me sirvio mucho te dejo 10 puntos
@car694ulloa Hace más de 1 año
still serves
@Antraxflow Hace más de 1 año +1
Oye que te agradezco en serio, muchisimo, funciona de puta madre, mucha paz y te dejo +10!!!