Reproductor de varios MP3

Estuve mucho tiempo buscando un reproductor de varios archivos mp3 que fuera minimalista. No lo encontré. Todos los que ofrecen son bastante pomposos y, para mí, desagradables a la vista. Hay unos muy buenos para reproducir una sola canción, pero eso: para una sola (ver opciones en Vagabundia 1, 2, 3, y 4).

Felizmente encontré un tutorial de flash en GotoAndLearn que me permite diseñar mi propio reproductor y enseña cómo hacer todo lo necesario para el funcionamiento, paso a paso. Voy a dejar el que yo hice para quien lo quiera usar. Aunque hay un pequeño problema: es necesario tener flash instalado para poder especificar una ruta absoluta (esto es: dar la dirección completa de donde se va a alojar el listado de canciones) en caso de que el sitio de alojamiento de los archivos del reproductor no sea el mismo que el de la página publicada.

Por ejemplo: Mi reproductor está alojado en http://erzsebetlb.googlepages.com, allí mismo está alojada la lista de reproducción (xml) y es ésta la dirección de mi página donde se publica (que es donde está incrustado el archivo swf). Por ello, habiendo especificado una ruta relativa, automáticamente se antepone tal dirección (http://erzseb...) a la misma. Es decir, en flash yo especifiqué así una ruta relativa para el archivo xml: "archivo.xml" (esto es, la dirección donde debe buscar la lista de reproducción), lo que hace que se anteponga la dirección donde está incrustado el archivo swf a tal ruta relativa, quedando así: "http:erzsebetlb.googlepages.com/archivo.xml". Por ello, si incrusto el mismo archivo swf en MySpace sin haber especificado una ruta absoluta del archivo xml, automáticamente buscará en "http://www.myspace.com/...(cantidad de cosas).../archivo.xml", y desde luego no encontrará nada. Por lo que es necesario modificar el archivo swf si no se va a alojar el archivo xml en la misma ruta de la página donde está incrustado el reproductor (swf).

EJEMPLO:

Alojamiento de archivos:

http://nombre.googlepages.com/reproductor.swf
http://nombre.googlepages.com/lista.xml

Con ruta relativa ("lista.xml")

Si la página donde está incrustado el reproductor es:
http://nombre.googlepages.com/

Entonces el archivo swf (reproductor incrustado) busca en:
http://nombre.googlepages.com/lista.xml (concuerda)

Si la página donde está incrustado el reproductor es:
http://www.myspace.com/nombre

Entonces el archivo swf (reproductor incrustado) busca en:
http://www.myspace.com/nombre/lista.xml (no concuerda)

Con ruta absoluta ("http://nombre.googlepages.com/lista.xm")

Si la página donde está incrustado el reproductor es:
http://www.myspace.com/burbujah

Entonces el archivo swf (reproductor incrustado) busca en:
http://nombre.googlepages.com/lista.xml (concuerda)

El archivo swf que está acá para descargar tiene especificada la ruta relativa "lista.xml", por ello antepondrá la dirección de donde lo incrustes a la ruta de búsqueda del archivo xml. Voy a dejar un archivo zip con 5 archivos: lista.xml, reproductor.fla, reproducutor.swf, Song.as y mp3Player.as. Habiendo hecho los cambios necesarios (abajo indicados), alojas los archivos swf y xml en tu servidor.

Para especificar la ruta absoluta debes usar flash. Así: abres el archivo mp3Player.as y buscas esto:

xml.load("lista.xml");

y dentro de las comillas especificas la ruta completa de alojamiento del archivo xml. Por ejemplo:

xml.load("http://www.freewebtown.com/nombre/lista.xml");

Luego abres el archivo reproductor.fla y lo exportas como película (swf). Los archivos reproductor.fla, Song.as y mp3Player.as deben estar en la misma carpeta. Puedes darle cualquier nombre al archivo swf (incluso remplazar el que viene en el archivo zip), no importa. Pero NO SE PUEDE cambiar el nombre de los 4 archivos restantes.

Finalmente: la lista de reproducción.

El archivo XML, en este caso, hace las veces de lista de reproducción. Puedes abrirlo con el bloc de notas de windows y modificar las rutas absolutas de los archivos mp3, así como indicar el nombre del artista y de la canción. Para ello, sólo remplaza las que puse de ejemplo. Puedes agregar tantas canciones como quieras (creo). Guardas el archivo y lo subes allí donde especificaste que iba a estar en el paso anterior (aquel sobre la ruta absoluta). Puedes cambiar la lista cuantas veces quieras, sólo debes cambiar el archivo que subiste.

Descargar archivo ZIP

Para incrustar el reproductor uso este código (no sé si sirva en todas las páginas):

<object width="280" height="19"><param name="movie" value="http://pruebasbruja.googlepages.com/reproductor.swf"></param><param name="wmode" value="transparent"></param><embed src="http://pruebasbruja.googlepages.com/reproductor.swf" type="application/x-shockwave-flash" wmode="transparent" width="280" height="19"></embed></object>

Con éste no es necesario especificar un color de fondo, pues quedará transparente (aunque creo que no siempre funciona). Sólo debes modificar las dos rutas del archivo swf (negrilla).

O este también, el fondo especificado como blanco (#ffffff):

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" align="absbottom" height="19" vspace="0" width="280">
<param name="allowScriptAccess" value="sameDomain">
<param name="movie" value="http://pruebasbruja.googlepages.com/reproductor.swf">
<param name="quality" value="high">
<param name="bgcolor" value="#ffffff"><embed src="http://pruebasbruja.googlepages.com/reproductor.swf" width="280" height="19" vspace="0" align="absbottom" quality="high" bgcolor="#ffffff" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></object>

Bueno, yo no sé casi nada sobre programación en flash ni sobre código html, espero no haberme equivocado. Si algo de lo que dije no funciona, por favor, háganmelo saber. Y espero algún comentario tuyo jMiur.

Puedes ver el reproductor funcionando en: Erzsebet Lb, Burbujah y BrujaPruebas.