player mp3 para tu blog
- 06 | 05 | 2008
- so sprach hembajador
- su opinión
existen muchos reproductores que permiten insertar un mp3 en tu blog o página web, hasta donde conozco, los hay de tres tipos.
- 1) intocables
2) copy+paste (flash)
3) player plugin
1) intocables:
muchos servicios de hospedaje gratuitos imponen sus propios reproductores. en todos los casos, una vez subido el archivo, nos dan la posibilidad de generar el código para insertarlo en nuestro blog. su desventaja es que no hay manera de adaptarlos al estilo de nuestro blog porque son de código cerrado. su mayor ventaja es la velocidad. son ideales para quienes no desean complicarse la vida aprendiendo de códigos o carecen de tiempo para ello. otra ventaja es que algunos tienen un buscador de mp3, en algunos casos podremos musicalizar el blog sin siquiera tener que subir el mp3, todo esto sin “robar” ancho de banda a nadie, dado que consumiremos el de los servidores en sí.
a) esnips:
el servicio de esnips está muy difundido. es verdad que comenzó como un sitio para subir mp3′s -y todo tipo de archivos- para luego generar un enlace y compartirlo, y que debido a un cambio repentino de idiosincracia, dicha tarea resulta tan tediosa que la mayoría de sus primeros usuarios partimos a otros lugares… sin embargo, continúa siendo una buena opción como reproductor.
ofrece 5 gigas gratuitos para hospedaje, el único requisito es registrarse. otorga dos tipos de reproductores, individuales y de listas de canciones. para el primero, una vez que subimos el mp3, damos un click en el título y se renovará la página con su clásico reproductor y el código -Play this song on your blog or site-, aunque antes está la opción mp3 widgets con una gran variedad de reproductores. si quisiéramos insertar una lista de canciones tendremos que acudir a + add to quick list. una vez seleccionadas todas las canciones, notaremos que en el encabezado de la página estarán listadas cada una en el orden en que fueron seleccionadas. sólo restará un click en create playlist widget, copiar el código y pegar donde deseamos. un buen detalle es que cuenta con un buscador en el cual podemos obtener canciones sin necesidad de subirlas ni de registrarnos.
b) boomp3:
es quizás el más sencillo y menos demandante de tiempo dentro de este tipo de reproductor. el tamaño de hospedaje es ilimitado y no requiere registro para utilizar sus servicios, si lo hacemos, tendremos la ventaja del envío automático de los enlaces de cada archivo al e-mail que hayamos ingresado y el acceso a las listas. en cuanto al resto es lo mismo. también cuenta con un buscador de mp3′s de cuyas búsquedas podemos sacar provecho sin necesidad de subir ningún archivo propio. para llegar al código nos llegamos hasta Post this player to your blog y ahí dentro se desplegará una ventana con dos posibilidades: postear directamente a nuestro blog, seleccionando la plataforma y logueándonos o bien -esto preferiría para mí- copiar y pegar el código.
una buena característica, además de su sencillez es la estética del reproductor, sumamente amigable con blogs de diseño clásico y “limpio”.
c) badongo:
espacio ilimitado para alojar todo tipo de archivos, mp3 incluidos. propone un widget para listas de mp3. pienso que su mejor función es la de hospedaje para compartir, pero puede que a alguien le interese este extraño reproductor en el cual podemos modificar solamente el fondo.
d) no olvidemos opciones como stickam, blogmusik myflashfetish.
ver enlaces donde ya comenté acerca de estos servicios.
e) skreemr:
como lo da a entender el logo, no hay que hacer nada para musicalizar tu blog. me acordé de cierto amigo a quien le dicen murciélago porque no pone el cuerpo ni para dormir… resulta que skreemr es un buscador de mp3 con reproductor, investiga en toda la web en búsqueda de mucha información. digo mucha, porque también entregará la letra de la canción, información de wikipedia acerca del artista, videos, próximos conciertos en gruvr y fotos en flickr, además de buscar en la base de datos de amazone, si los hubiera, ofrecerá hasta ringtones.
una vez hallado el mp3, se accede al reproductor desde share + embed. se copia el código y listo. la única incomodidad es que genera un código gigantezco con ccs incluido, pero borrando todo lo que está fuera de<embed>y</embed>quedará el reproductor limpio. algo más. aunque es el “típico” reproductor que funciona en todas las plataformas. entonces, para todos los usuarios de blogger que se hayan quedado con las ganas de este reproductor, les ha llegado la hora de darse el gusto.
2) copy+paste
son aquellos que funcionan copiando y pegando el código. todo el código se inserta en el post. copy+paste y listo. mucho más configurables que los anteriores. funcionan bajo cualquier plataforma (wordpress, blogger, etc) porque son indepedientes.
dos grandes diferencias: como están diseñados en flash, requieren el alojamiento de un pequeño archivo en algún servidor. por lo general un swf, que puede hospedarse, si no contamos con servidor propio, en el mismo lugar que subimos los mp3.
podría decirse que son una opción intermedia entre los intocables y los plugins. otra particularidad es que son muchos muy agradables a la vista, incluso la mayoría acepta reformas estéticas. por lo general, hay un diseñador en flash detrás de ellos.
su parte onerosa es recordar todo el código, pero el “problema” se resuelve creando un archivo .txt al que sólo debemos modificar la url del mp3.
¿dónde alojar el mp3? aconsejo fileden y adrive, ambos excelentes servicios sin costo y gran ancho de banda. de todas maneras hay muchos de estos servicios, probablemente ya tengas alguno de tu preferencia.
el método para utilizarlos es sencillo. descargamos el archivo con el reproductor en sí, lo alojamos en el server, luego para insertarlo en nuestro copiamos el código y lo pegamos. a continuación graficaré uno de los player, pero debemos tener en cuenta que se aplica el mismo método para todos.
- un consejo antes de pasar a los reproductores. debe tenerse en cuenta en cuanto favorece a la transmisión que el mp3 no supere los 64kbps. aquí explico cómo convertirlo.
método de inserción: explicaré el procedimiento con uno de los tantos player, pero reitero que todos requieren el mismo método.
-
a) subir el archivo.swf al servidor. en este caso utilizaré el servidor de fileden.
b) luego subir el mp3.
c) copiar el código html que sería algo así:

d) modificar ese código html con la url del player y la del mp3
- podrán notar en la imagen que la url del archivo swf -la del reproductor- figura dos veces, mientras que la del mp3 sólo una. así lo demanda este player, en otros será la inversa, e incluso algunos serán dos veces cada url.
e) una vez modificado ya estará listo para el copy+paste
bien. de ahora en más publicaré el player como muestra y debajo y por separado los enlaces, con el swf y el código fuente en formato .txt para que ustedes puedan modificarlo a medida.
no todos admiten esta posibilidad, pero algunos tienen enlace en el nombre del fabricante para ingresar al site y poder generar nuevamente el swf conforme a los colores que mejor combine con su blog o página.
línea neolao:
básico pero admite modificar tamaño y colores | swf | código
similar pero con botones. también admite modificar colores y tamaño. incluye botón de stop y el signo de interrogación para mostrar duración, intérprete y título de la canción | swf | código |
para modificar los colores del player necesitarás saber que cada color tiene un número que lo representa. aquí dejo acpicker un pequeño programa que te servirá para reconocer esos números. sólo debes apoyar el cursor del mouse y te enseñara cual es su número.
también existe esta herramienta online con la que podrás saber con exactitud los números de los colores que componen el theme de tu blog.
línea dewplayer
estos reproductores no toleran casi modificaciones apenas el color de fondo y los tamaños, aunque esto último es poco aconsejable. yo prefiero que no tengan fondo, que sea transparente, cuanto más “flote” un reproductor más musical me resulta. de todas maneras alguien puede querer integrarlo con el color de su sidebar activando su background como hice en el classic para demostración.
son muy estéticos, un poco feminoides para mi gusto -franceses- pero también muy eficaces y estables.
Classic. play, pause y stop. dos comandos más sin perder el estilo | swf | código |
hablando de minimalismo, he aquí su máxima expresión. sólo permiten modificar fondos y tamaños, pero son geniales.
3) reproductores plugin:
son los que funcionan en plataformas como wordpress, de hecho, no tengo idea de otra que trabaje con este sistema. con estos reproductores-plugin se trabaja una sola vez. una vez que subimos el mp3, nada más queda copiar el enlace y el plugin hace el resto. es tan fácil trabajar con ellos que me limitaré a enlazar sitios de donde descargarlos.
- a) taragana
b) audio player
c) Inline mp3 player es el que suena en apirronarse
d) flash filter mp3 + swfobject 2.0
e) yahoo media player
f) wordphonic
bueno xente, si después de este post no musicalizan sus blogs es porque aman el silencio




Gracias por el completo tutorial y por las referencias, siempre ando buscando alternativas para poner mp3 y no paso de esnips, que está bueno, pero a horas pico se cae. Voy a probar el resto.
existen más, pero estos son los que fueron testeados. hay para todos los gustos -y medidas.
GUAUUUU….!!!! AHORA SE PORQ NO LO ANDO VIENDO JEJEJE… ESTA A PLENO.. BUENO MAí‘ANA SEGURO LO LLAMO DE NUEVO!!! VA HOY– ABRAZO Y NOS VEMOS PRONTO!!!!
no se queje, que le instalé a “lips” para que le susurre al oído…
Yo lo he dicho, definitivamente el mejor sitio para aprender lo que sea, es un buen bar.
Muchas gracias!
gracias a vos, ke.
Muy buena info y bien explicada. La verdad que hacía bastante estaba buscando alguna alternativa y acá encontré varias. ¡Un saludo!
Bueno, pero algunos se quedan mudos. Subo a archive org y despues uso bien los players, y no aparecen en blogger, y si aparecen, no se oyen. Y si se oyen, se cortan en un infinito buffering. El unico que puedo hacer funcionar es el de odeo, pero es feisimo.
playera, pueden ser varias cosas. en primer lugar, tengo entendido que archive.org -probá fileden- no está pasando por un buen momento, aunque me parece que la principal razón es que demoran demasiado en cargar los mp3 o directamente no cargar seguramente por el peso en bitrate de los archivos. tal vez debieras pasarlos a 64 -a lo sumo 96. aquí puedes ver como, en caso que no conozcas la manera…
los enlaces para bajar los códigos de los dos players redondos (round red y blue) son los mismos que para bajar el swf, o sea bajan el player pero no el código. encontré el código mirando la fuente en el que tienes en zone internationale arriba y lo copié pero tal vez sería bueno corregir esto, por si otra persona lo quiere instalar. saludos!
gracias por avisar. ya está corregido.
estimado pido ayuda, he seguido los pasos pero seguro que hayalgo que he hecho mal porque no me funciona te dejo el codigo y espero tu ayuda
amigo, para poder ayudarte necesitaría saber a cual reproductor te refieres. no me ha llegado el código.
Estimado mil perdones por no haber enviado bien las cosas, mi pagina web esta armada con dreamweaver version 8
fernando: acabo de probar y revisar ambos códigos. en el segundo funciona y pude escuchar a un señor con acento cordobés…
en el primero, el más pequeño, está todo bien, sólo falta que cierres con comillas el enlace del mp3. es decir, debería quedar:
param name=¨FlashVars¨value=¨mp3=”http://www.fileden.com/files/2006/12/29/567936/carlospacha.mp3″ã—„ falta esta comilla
a veces estos pequeños detalles nos vuelven locos…
Estimado mil gracias por la pronta respuesta , perdón las molestias nuevamente pongo el segundo que es el que me interesa veo el reproductor pero no se escucha la musica, aparece una frase que dice buffering…
pregunto el reproductor al estar levantado en un servidor externo no hace falta que este en el mío?, me refiero ubicado en otro lado, yo copie el codigo y lo coloque en donde quiero que vaya el reproductor, debo hacer algo mas, veo que tu no haz tenido problemas , pero mi ignorancia me está maltratando bastante amigo.
reproductor PodPress
mp3 para WordPress
atte Fernando
así es. el/los mp3 y el reproductor deben estar instalados, con preferencia, en el mismo servidor. debes tener en cuenta también la calidad en bitrate del mp3, si resulta superior a 64 va a demorar bastante en reproducir, hará “buffering…” aquí mismo te dejo un enlace a otro tutorial que deberías leer antes.
http://www.apirronarse.com.ar/index.php/musicalizar-tu-blog-gratis-uno/
no es ninguna molestia, un abrazo
Estimado administrador
vuelvo a preguntar y sinceramente ya no doy mas con esto no hay forma de que pueda configurar, sera el dreamweaver o no se que puede ser, tengo todo alojado en fileden y no hay caso le baje de 128 a 32 y nada, quiero ese reproductor porque me parecio novedoso. lo he dejado puesto en la parte final de mi web si quieres puedes observar mi codigo de fuente y ver que hice mal, te digo la verdad me ha cansado hace diez dias que estoy renegando. de todas maneras mil gracias y si me autorizas pongo un link de su pagina en mi web
atte Fernando Videla – Arroyito – Cordoba Argentina.
mas alla de lo que tu veas te envio de nuevo el codigo
fernando: copié el código al notepad y cree un .html y pude escuchar la conversación en firefox, pero no en explorer y opera. después de un rato me di cuenta que el problema es similar a lo que señalaba antes.
la línea de texto de la ruta está “interrumpida” por un salto de línea inventada por dreamweaver al crear la tabla (/td…) por alguna razón, firefox la interpreta igual, pero no los otros navegadores.
entonces -pongo sólo el pedacito importante del código- debe quedar:
…/567936/playerwpress.swf?soundFile=http://www.fileden.com/files/2006/12/29/567936/…”
donde empieza la negrita -después del ?- está separado en tu web… en su afan de diseñar a la vez que codifica, dreamweaver crea ese salto de línea. tal vez tengas que corregir “a mano” el código, siempre que utilices dw. lo ideal sería que no queden espacios ni saltos en ninguna parte del código.
luego de corregir esto pude escuchar el mp3 en los tres navegadores.
eso era todo. ningún problema -es más, se agradece- que enlaces apirronarse a tu web. un abrazo.
Amigo muchisimas gracias por tu ayuda, no lo hubiera podido hacer sin vuestra predisposición, todo anda bien gracias a vos y tu enorme conocimiento.
Desde ya que siempre apostaré y daré el consejo que accedan a tu web para disipar dudas. Realmente me siento muy agradecido por toda tu atencion, soy una persona de 49 años y me cuesta mucho el avance de la tecnología.
Mil Gracias.
Estimado se me ha presentado un inconveniente, simpre he usado el internet explorer y al ver el mozilla veo que el reproductor esta pero no se acciona que se debe hacer, el mismo en explorer anda de diez
atte Fernando
Muy bueno el post muchisimas gracias. Estaba creando mi web y buscaba un reproductor. Me vino muy bien esto si quieren ver como quedo entren a:
http://www.zasr.com.ar
Muchas Gracias.
Hola, como estas?
Encontre, afortunadamente, este blog buscando una solucion para poder postear un reproductor en un foro.
Realize esos mismo pasos que describis, pero al postearlo en vez de aparecer el reproductor aparece el codigo escrito… Estoy haciendo algo mal? como es para que aparezca el player y no el codigo html..?
Gracias desde ya !!
sería más sencillo indicarte si me señalas la url del foro.