8tracks

8tracks

Un servicio sencillo y claro (en ENG) para crear listas de reproducción mp3 ( con un mínimo de 8 temas) que se pueden incrustar en el blog o escuchar desde el propio sitio.

1. Darse de alta (dirección de correo, usuario y contraseña) en el sitio (sing up).

2. Subir un mínimo 8 temas en formato mp3 desde nuestro ordenador.

3. Combinar los temas a nuestro gusto.

4. Copiar el código html generado y pegarlo en el blog.

Flourish Player

Flourish Player es un lector Flash incrustable (SWF) en páginas Web. Utiliza el formato de lista de reproducción XSPF para cargar uno o más ficheros MP3 u otros formatos de audio (rbs, por ejemplo).

Aunque existen decenas de lectores de audio flash libres, todos ellos tienen en común una cosa: necesitan Adobe Flash IDE. Flourish Player, sin embargo, está diseñado a partir de herramientas de código abierto (open source) .

Flourish Player es, por supuesto, un reproductor libre, de código abierto y personalizable en muy diferentes aspectos.

En el ejemplo de arriba se han utilizado, como fuente de reproducción de audio del lector, diferentes (*) estaciones de radio públicas francesas que emiten en MP3.

Descarga del reproductor

Código (**) de inserción :

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0"
width="225" height="24" id="video"
align="middle">
<param name="allowScriptAccess" value="sameDomain">
<param name="movie" value="flourish-player.swf?playlisturl=audioplaylist.xmll&autoplay=1">
<param name="quality" value="high">
<embed src="flourish-player.swf?playlisturl=audioplaylist.xml&autoplay=1"
quality="high"
width="225" height="24"
name="video" align="middle"
allowScriptAccess="sameDomain"
type="application/x-shockwave-flash"
pluginspage="http://www.macromedia.com/go/getflashplayer">
</embed>
</object>

Ejemplo de archivo .xml (***):

<playlist version="1" xmlns="http://xspf.org/ns/0/">
<trackList>
<track>
<location>ruta.mp3</location>
<title>Titulo del archivo</title>
</track></trackList>

Más información (en ENG)

(*) Pulsar el botón de avance para cambiar de emisora (hay nueve).

(**) Modificar las rutas en rojo.

(***)Utilizar el bloc de notas para editar el código.

Reproductores My flash fetish

Reproductores realmente fáciles de instalar en el sitio My Flash Fetish (*). Todo "llave en mano": elige el tipo de reproductor, los colores, el volumen, el arranque o no automático de los temas, indica las direcciones de los archivos mp3 que quieres reproducir o súbelos gratuitamente a los sitios que te indican, copia el código html o , si tienes el blog en sitios populares, te facilitan el proceso...
Algunos de los reproductores que ofrecen "llave en mano" ya se han presentado anteriormente en el blog.
Ha llegado la hora de la popularización de los reproductores flash. Tres ejemplos:

(*) Hay que darse de alta en el sitio.

MP3 player yourminis

Los widgets están cada vez más de moda en los blogs. Uno de los sitios más interesantes donde se pueden adquirir estos artilugios es yourminis . La ventaja de este sitio es que, no sólamente se pueden copiar y pegar decenas de widgets sino que, además, se pueden configurar, retocar, ampliar etc. Todo con una presentación muy ajax e intuitiva. Eso sí, todo en inglés.

Entre todos los artilugios allí presentes , me he detenido en este MP3 player que se muestra abajo. Como con todos los demás widgets del sitio, se pueden configurar los colores, tamaño, imagen de fondo, etc. Además se pueden añadir las pistas mp3 que queremos reproducir sólamente pegando las direcciones de las mismas en la casilla correspondiente. Si lo que queremos es una lista de reproducción como, por ejemplo, la que aquí se muestra con temas de Françoise Hardy (por cierto el lenguaje xspf no admite acentos, cedillas, etc), se necesita indicar la dirección en la que se encuentra y ésta debe tener un formato xspf lo que, sin duda, puede complicar un poco la tarea al blogero poco ducho en estas lides.

Nuevos lectores de vídeo Neolao

Los reproductores de audio y vídeo Neolao (código abierto) , de los que ya nos hemos hecho eco en este blog, han sido mejorados de manera significativa. Actualmente ya se puede elegir entre 5 modelos de reproductores de vídeo: mini, normal, maxi, multi y js. La renovación más importante se ha producido en el reproductor múltiple con las siguientes novedades:
&

• Control de volumen
• Reglaje de colores y múltiples parámetros desde el código html de inserción
• Opción pantalla completa
• Lista de multirreproducción de vídeos (que admite acentos)
  
• Inserción de imágenes jpg fijas antes del arranque del vídeo.

Es decir, las mismas funciones que él último Jeroen Wijering 3.99 pero con la importante ventaja sobre éste de que no es necesario escribir un archivo xml sino que la ruta de los archivos múltiples se realiza directamente sobre el código html.

Código html de inserción de la versión multi (*):

<object class="playerpreview" type="application/x-shockwave-flash" data="http://ruta_reproductor_neolao_multi.swf" width="320" height="240"><br /><param name="movie" value="http://ruta_reproductor_neolao_multi.swf"><br /><param name="allowFullScreen" value="true"><br /><param name="FlashVars" value="flv=http://ruta_archivo1.flv|http://ruta_archivo2.flv|http://ruta_archivo3.flv|http://ruta_archivo4.flv&title=Título archivo1_video|Título archivo2_video|Título archivo3_video|Título archivo4_video&amp;amp;width=320&height=240&;showstop=1&showvolume=1&showtime=1&startimage=http://ruta_imagen_fija1.jpg|http://ruta_imagen_fija2.jpg|http://ruta_imagen_fija3.jpg&showfullscreen=1&bgcolor1=189ca8&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;bgcolor2=085c68&playercolor=085c68"><br /></object>

(*) Lógicamente hay que indicar las rutas del reproductor ("value=" y "data=") , las de los diferentes archivos flv ( "flv=") las de los títulos de cada vídeo ("title=") y las de las imágenes fijas ("startimage=")

Descarga del archivo (botón derecho + "guardar enlace como...")
Sitio oficial con los demás reproductores y documentación (en FR)
Ejemplo versión multi:

Reproductores flash mp3 en estudio

Algunos reproductores y multirreproductores flash mp3 en estudio:
e-phonic
soundblox
gurusnetwork

Reproductor mp3 Angel Puente

Angel Puente, tingladero de pro, acaba de ralizar su primer reproductor mp3 flash que pone a disposición de los blogueros. El reproductor permite realizar una lista de reproducción (en .xml) en la que se pueden incluir el título, el autor y el nombre del tema.
!Impresionante! Nuestra enhorabuena a su autor.
Angel explica perfectamente cómo incrustar el repductor en este post de su bitácora.

N.B::Hemos usado la etiqueta la etiqueta <iframe> pues no nos funciona la etiqueta <embed>

Actualización (21.05.07):
Nueva versión del reproductor.



Actualización (28.05.07):
Versión 3 del reproductor

Multirreproductor 3.7 de Jeroen Wijering

A) Archivos de vídeo(flv):

B) Archivos de audio(mp3)e imágenes:

Jeroen Wijering acaba de producir su versión 3.7 de su famoso reproductor. Ha elimindao diferentes "bugs" e introducido mejoras como la posibilidad de visionar a pantalla completa el vídeo (para ello se necesita la última versión 9.0 de flash player ).
La nueva versión admite múltiples archivos multimedia: flv, jpg, mp3, swf... Además dispone de un generador de código (wizard) que deberá mejorar bastante pues tiene todavía bastantes fallos. El nuevo reproductor se descarga aquí. La lista de reproducción (en .xlm) simplifica el código de inserción, pero, atención, debe situarse en el mismo archivo que el reproductor pues, de otro modo, no funciona. Se pueden personalizar los colores del reproductor.

Código html:
<embed src="http://direccion_reproductor.swf" allowfullscreen="true" flashvars="&displayheight=240&amp;amp;file=http://direccion_archivo.xml&height=360&width=320&frontcolor=0xFFFFFF&backcolor=0x006600&lightcolor=0xFFFFFF" height="360" width="320"></embed>

Como es lógico, en este código hay que cambiar la dirección del "reproductor .swf" y la del "archivo.xml" que, insisto, deben encontrarse en el mismo servidor.

Webradio en el blog

Es posible colocar una webradio musical (ados.fr) en el blog utilizando el reproductor Komcitiz y el código de inserción propuesto por 3 couleurs en este post.

Código de 3 couleurs:

<object id="kplayer" data="http://www.cfc.free.fr/kplayer.swf" width="230" height="96" type="application/x-shockwave-flash"><param value="sameDomain" name="allowScriptAccess"><param value="http://www.cfc.free.fr/kplayer.swf" name="movie"><param value="transparent" name="wmode"><param value="adress=http://icecast.doctissimo.fr:8000/&sounds=station1_HQ|station2_HQ|station3_HQ|station4_HQ|station5_HQ|station6_HQ|station7_HQ|station8_HQ|station9_HQ|station10_HQ|station13_HQ|station18_HQ|station21_HQ|station23_HQ|station26_HQ|station30_HQ|station31_HQ|station32_HQ|station35_HQ|station36_HQ|station37_HQ|station38_HQ|station39_HQ|station40_HQ&amp;amp;amp;amp;PLAY=0&titles=Hit%2520News|Pop%2520Rock|Groove%2520RnB|Club|Reggae|Metal|Sc%25C3%25A8ne%2520Fran%25C3%25A7aise|Up2You|T%25C3%25A9l%25C3%25A9|Filles|Standards|Hits%2520Gold|New%2520Age|Rock|Roots|Greatest%2520Hits|Soul%2520Music|Rap|Classics|Best%2520Of%25202007|Hits%252080|Rap|Reggae|Jazz" name="flashvars"></object><p style="margin:-8px 0"> <a style="font-size:60%;text-decoration:none" href="http://3couleurs.blogspot.com/2007/04/musique-blog.html">Webradios</a></p>

Multirreproductor Neolao

Además del reproductor que ya hemos comentado en este blog, el sitio neolao, dispone de una versión para reproducir múltiples archivos. Un ejemplo de uso educativo, con la conjugación en presente de 7 verbos franceses:

El reproductor se descarga aquí (en Firefox: botón derecho + guardar enlace como... En IE7: botón derecho+guardar destino como...) . El código que hay que insertar es el siguiente:

<object type="application/x-shockwave-flash" data="rutal_del__mp3_multi.swf" width="200" height="100"><param name="movie" value="ruta_del_mp3_multi.swf" /><param name="FlashVars" value="mp3=archivo1.mp3|archivo2.mp3|archivo3.mp3&amp;title=titulo
del archivo1|titulo del archivo 2|titulo del archivo 3" /></object>

Más temas y configuraciones aquí.

Radio komcitiz

Se puede configurar aquí. Pegar la dirección del archivo mp3, pinchar sobre "Ajouter", cambiar el título si se considera necesario. Añadir nuevos archivos de la misma forma. Copiar el código generado en la pestaña "Balise" y pegarlo en el blog. Voilà! Sencillo y eficaz como las otras animaciones de JL.

Animation réalisée sur le site http://www.komcitiz.com

Javascript para el Dewplayer

Para los que conocen bien el uso del reproductor de Dew, un buen complemento puede ser esta lista de reproducción en javascript sacada de este sitio (editar el código fuente y modificar las rutas).

Maybe - Alison Krauss
She's living home - Beatles
Something - Beatles(Chill-Out)
You've Got To Hide Your Love Away - Beatles(Chill-Out)
Vertigo - U2

(para escuchar los archivos hay que pinchar en los enlaces de arriba y no en el reproductor)

G.Note

Otra variación de "piel" del reproductor de Jeroen Wijering que se puede descargar aquí. Se trata de una "piel" realizada por Ivan Iiang. Funciona de una manera muy similar a la variación del reproductor Vocow que comenté en un post anterior.

Hay que subir dos archivos al servidor: mp3player_gskin.swf y mp3player_gskin.xml. En este último se le indican al reproductor el color (1 verde, 2 morado , 3 azul y 4 rojo) , las rutas de los archivos mp3 y sus títulos, si se quiere que muestre la lista de archivo debajo (showPlaylist), el nombre del título (showDisplay) y si se quiere que comience automáticamente a reproducir (autoStart). Una posibilidad interesante es cambiar el título del reproductor dentro la opción "topTitle".

Como en casos anteriores, he utilizado un <iframe> pues la etiqueta <object> sigue sin funcionar:

<iframe name="GnotePlayer" src="ruta_ del_reproductor_mp3player_gskin.swf"
border="0" marginheight="14" marginwidth="19" align="absbottom" frameborder="0"
height="367" width="300">

Sitio original.

Los archivos de audio que utilizo son los de Angel Puente que está realizando un excelente trabajo sobre la poesía y están tomados de su post del 3 de septiembre: "Mi blog de poesía"

Vocow mp3

Variación de piel del reproductor de Jeroen Wijering ya comentado en este blog.
Esta "piel" se descarga aquí.

Necesita dos archivos: mp3player.xml (donde se le indican al reproductor los títulos y direcciones de los archivos de audio y conviene editar con el bloc de notas, por ejemplo) y mp3player_vocow.swf (el archivo flash que debe colocarse en el mismo directorio del servidor que el archivo .xml).
Como en el reproductor original, no he conseguido incrustarlo con la etiqueta <object> así que he utilizado un <iframe>:

<iframe name="Vocow" src="ruta:archivo_mp3player_vocow.swf"
border="0" frameborder="0" height="395" width="194"></iframe>

Sitio original.

Radio xspf

Código (utilizar mejor éste que el que proponen en el sitio oficial):

<object type="application/x-shockwave-flash" data="http://ruta_player.swf?playlist_url=http://ruta_playlist.xspf"
height="153" width="400"><param name="movie" value="http://ruta_player.swf?playlist_url=http://ruta_playlist.xspf"></object>

Ayuda a la instalación (EN)
Descarga del lector en SourceForge

N.B.: La lista de reproducción es un archivo xspf.

Radio Zanorg

Sitio Oficial (desacarga y explicaciones)
N.B.: Necesita servidor php e inserción mediante iframe o pup-up

Radio Zanorg en pop-up

Radio Zanorg en pop-up

+ Imagen...

Big Contact Feed Player

Big Contact feed player

Coucouplayer

CoucouPlayer

Falla bastante y además necesita cargar cada archivo previamente antes de empezar a reproducir. Funciona con un reproductor swf y un archivo (playlist) xml. Se puede descargar toda la documentación aquí (FR)

Curiosidad (y documento histórico):
Pinchando aquí se puede oir con este reproductor el conjunto de comentarios históricos hechos en el célebre artículo de Páginas Dispersas "Comentarios a viva voz con podcasts" que desencadenó un movimiento increíble en la blogosfera educativa sobre esta herramienta.

Lector múltiple mp3 flash:Jeroen Wijering

Código xhtml propuesto por Jeroen Wijering (no logro que funcione):

<object classid=
"clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
width="300" height="200" id="mp3player"
codebase="http://fpdownload.macromedia.com/pub/shockwave
/cabs/flash/swflash.
cab#version=8,0,0,0" >  <param name="movie"
value="http://ruta_mp3player.swf?
config=http://ruta_archivo_config.xml&
file=http://ruta_archivo_playlist.xml" />
<param name="wmode" value="transparent" />
<embed src="http://ruta_mp3player.swf?
config=http://ruta_archivo_config.xml
&file=http://ruta_archivo_playlist.xml" wmode="transparent"
width="300" height="200" name="mp3player"
type="application/x-shockwave-flash"
pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>

Sitio: Jeroen Wijering

Ejemplo de inserción de este reproductor:

<iframe name="Jeroen Wijering" src="http://tinglado.net/tic/josemaria/mp3player/mp3tinglado/mp3player.swf"
border="0" frameborder="0" width="238" height="301"></iframe>