JMiur [E]

En Royalty free music hay una serie de reproductores MP3 que podemos descargar y utilizar en cualquier web.

Su principal característica es que son muy livianos, especialmente, dos de ellos:

Mini Flash mp3 Player ZIP
Single Track Flash mp3 Player ZIP

En ambos casos, para utilizarlos, debemos tener instalada la librería swfobject que podemos cargar directamente desde las APIs de Google, por ejemplo, escribiendo lo siguiente antes de </head>:
<script src='http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js' type='text/javascript'/>
Y por último, alojar el archivo SWF en algún servidor como ImageShack, Fileden o Xoo Image.

En la página nos muestran la forma de utilizarlo agregando scripts pero yo perfiero usar la etiqueta OBJECT:
<object data="URL_archivo_swf" width="75" height="30" type="application/x-shockwave-flash">
<param name="movie" value="URL_archivo_swf"/>
<param name="flashvars" value="soundPath=URL_archivo_audio.mp3"/>
<param name="wmode" value="transparent"/>
<param name="allowScriptAccess" value="always"/>
</object>
La diferencia entre uno y otro modelo es el SWF y su tamaño, en el segundo caso, debemos usar width="192" y height="67" pero, el resto de las opciones son iguales. Para usarlas, simplemente las agregamos al parámetro flashvars anteponiendo un carácter & o bien &amp;:

soundPath es la dirección URL del archivo a ejecutar
overColor es el color en formato hexadecimal
playerSkin es el modelo a usar y hay cinco alternativas (por defecto es 1)
autoPlay establece si comenzará a ejecutarse al abrir la página (yes|no)

Un ejemplo:
value="soundPath=URL_archivo_audio.mp3&overColor=#FFFF00&playerSkin=4&autoPlay=yes"


Hay otros reproductores que permiten agregar listas de reproducción utilizando archivos XML pero, esto es complejo de hacer en Blogger ya que el SWF y la lista deben estar alojados en el mismo servidor:

Multiple Tracks Flash mp3 Player With Menu ZIP
Multiple Tracks Flash mp3 Player ZIP
Single Flash Loop Player ZIP
Mini Flash Loop Player ZIP

11 comentarios:

Armando  

Gracias, siempre me habia preguntado como ponerlo :D

Responder
Domin-Omega  

A mi siempre me ha gustado el Dewplayer es ligero y minimalista, con fondo de color configurable, de modo que es muy amigable con cualquier plantilla.

Responder
JMiur  

Hay para todos los gustos :D

Responder
Mets La Paz  

hey que tal, una duda esta parte del codigo de OBJECT
en donde va?.
tambien puse autoplay=yes y no funciono
espero tu respuesta gracias

Responder
JMiur  

Se coloca donde quieras que sea visto, en un post, por ejemplo. Si no funciona, revisa que la la URL sea correcta.

Responder
Ikiru  

Yo he querido añadir el Multiple Track Flash mp3 en blogger, pero no he podido hacerlo. Si pudieras explicar cómo hacerlo al pelo (porque ciertamente desconfío de lo explicado en la página oficial luego de haber leído este post y el del swobject.js) te estaría eternamente agradecido.

De cualquier forma, si no es posible igual muchas gracias por esta información tan útil. Saludos.

Responder
JMiur  

Lamentablemente, no puedo, para ese modelo se requiere usar archivos XML y alojarlos en el mismo servidor donde se aloja el SWF cosa que no es nada sencilla.

Responder
Renzo  

Jmiur

quiero insertar esto pero en la misma plantilla del blogger
y no me deja insertarla por este codigo : "&"

hace un tiempo atras pude poner un video en mi plantilla cambiando ese codigo por algo parecido a esto "&"
pero no me funciona, cual es el codigo?

Responder
JMiur  

Usa &amp; en lugar de &

Responder
TsubomI  

Lindo reproductor, aunque me pregunto si existira alguno que solo sea un bonton para play/pausa :C ...

Responder
JMiur  

Hay muchos. hay que buscarlos.

Responder

¿Quiere dejar un comentario?

recuerde que los comentarios están siendo moderados y serán publicados a la brevedad ...

Todos los archivos y demos alojados en Fileden han sido redireccionados y deberían estar funcionando correctamente.
De todos modos, también puede accederse a ellos a través de SkyDrive

Nota: sólo los miembros de este blog pueden publicar comentarios.

Si le gusta ir a lo seguro utilice este botón para abrir los comentarios en una ventana modal en esta misma pagina.

Si añora tiempos idos, use este enlace para agregar un comentario al viejo estilo ...

 
CERRAR