Usar el reproductor de Google Reader en Blogger

20 de octubre de 2011 93 comentarios ,
Gmail y Google Reader poseen un reproductor de audio que quizá no es visualmente el mejor que encontremos en la red pero sin duda es muy veloz en cargar al estar alojado en Google.

Ambos son muy similares y el código es como el de cualquier otro reproductor de su tipo, y como ya dijimos, está alojado en Google así que nosotros sólo tenemos que preocuparnos por alojar nuestras canciones en un servidor y listo.


Reproductor de Google Reader

No, no es el Chavo del 8, es la Marcha Turca de Beethoven, pero lo que ahora nos importa no es eso, sino cómo usar este reproductor. Sólo tenemos que poner en un elemento HTML/Javascript, o en una entrada, el código siguiente:
<object width="350" height="27" id="movie" type="application/x-shockwave-flash" data="http://reader.googleusercontent.com/reader/ui/3523697345-audio-player.swf?audioUrl=URL del archivo MP3"> <param name="movie" value="http://reader.googleusercontent.com/reader/ui/3523697345-audio-player.swf?audioUrl=URL del archivo MP3" /> <param name="wmode" value="transparent" > <param name="allowScriptAccess" value="never"> <param name="flashvars=" value="playerMode=embedded"> </object>
Ahí agregamos en las dos partes donde se indica, la URL de nuestra canción y listo.


AVISO
El reproductor de Gmail ya no funciona, únicamente el de Google Reader.

El reproductor de Gmail es muy similar, sólo varía un poco en el diseño.

Reproductor de Gmail

En código que usamos para este reproductor es el siguiente:
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="250px" height="27px" align="middle"> <param name="allowScriptAccess" value="always" /> <param name="movie" value="http://mail.google.com/mail/html/audio.swf"/> <param name="FlashVars" value="audioUrl=URL del archivo MP3"/> <param name="wmode" value="transparent" /> <embed id="Player" src="http://mail.google.com/mail/html/audio.swf?audioUrl=URL del archivo MP3" wmode="transparent" width="250px" height="27px" name="Player" align="middle" allowScriptAccess="always" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /> </object>
De igual forma ahí agregamos dos veces la URL de nuestra canción.


Si quieres que la canción se reproduzca automáticamente entonces agrega después de cada URL este parámetro: &autoPlay=true De modo que la URL quedaría más o menos así:
http://tuhosting.com/cancion.mp3&autoPlay=true
Es un reproductor de mp3 sencillo pero que cumple su objetivo perfectamente. Y aunque funciona en todos los navegadores en Safari puede dar problemas si se tiene un dominio propio, pero los que no tienen dominio propio pueden usarlo sin problemas.


93 comentarios en:

" Usar el reproductor de Google Reader en Blogger "

  1. Hola Potro..Buenos días (aquí claro) jajajaja El Chavo del 8??..uf que recuerdos, yo veía esa serie hace unos años :P ..jajaja
    Otro reproductor de música para poder elegir entre unos tantos.
    Sí, siempre es mucho mejor, poder elegir y no que te impongan los de "la casa".
    Buen post.
    Un saludo y un abrazo.

    ResponderEliminar
  2. Buenos días, noches para ti, Potro :)
    Que buena entrada, me gusta el de Gmail, he de probarlo¡¡¡
    Gracias, y felices sueños
    Un beso

    Ío

    ResponderEliminar
  3. Buen post potro gracias.

    Te queria preguntar tu que opinas del dominio .info,es mejor que el .com o que ventajas tiene este dominio

    GrACIAS

    ResponderEliminar
  4. Pues he probado ambos y no me reproduce ninguno. Sale el reproductor correctamente pero al darle al play no se inmuta. He revisado muchas veces la Url y sigue sin ir. Alguna idea Potro??
    Saludos

    ResponderEliminar
    Respuestas
    1. Brother tengo el mismo problema, no se reproduce, la direccion Url que tengo es https://dl.dropboxusercontent.com/u/38441182/Musica/Flight%20mix.mp3
      pero como debo de pegarselo en el codigo?
      Te agradecere la ayuda

      Eliminar
    2. Parece que nuevamente ha dejado de funcionar este reproductor, habrá que usar otra opción.

      Eliminar
  5. exelente, ahora sólo falta saber donde alojaré los audios xp

    ResponderEliminar
    Respuestas
    1. a mi me funciona muy bien dropbox www.dropbox.com
      espero te sirva. Saludos.

      Eliminar
    2. Ja ja, que curioso, si no recuerdas. Alojalas de nuevo en google sites. Es facil teniendo cuenta en gmail. Eso es lo bueno en google.
      Tambien te recuerdo nada de (ñ, tildes, apostrofos y otrso; sino no va a funcionar) ; solo la podras descargar, pero en el reproductor, naca la pirinaca.
      Saludos desde Perú
      Gab Riel

      Eliminar
  6. perfecto! oye una cosita, ¿este año pondras noticias para decorar el blog de halloween?

    ResponderEliminar
  7. si potro pon algo de halloween depaso vsita mi blog http://sonacero360.blogspot.com/

    ResponderEliminar
  8. Hola Angie,

    Eso es lo que todos queremos, elegir, aunque luego lo hagamos mal, pero qué importa mientras lo hagamos nosotros :)

    Otro abrazo para ti.

    ResponderEliminar
  9. Hola Ío,

    Buenas noches ahora para ti, y tardes para mí (qué lío es esto, jajaja)
    El de Gmail también es el que me gusta más.

    Gracias por el beso, y ahora yo te deseo los felices sueños :)

    ResponderEliminar
  10. esta bueno, para poner mas temas en el reproductor como hacemos ? copiar todo igual ?

    ResponderEliminar
  11. MaGoS RaDioMuSiC, gracias a ti por tu visita!

    Marcos Carballo, saludos!

    jonathan[i2000], qué bueno que te ha gustado :)

    ResponderEliminar
  12. Juvinao, no hay un dominio que sea mejor que otro, todo depende de qué sea el sitio y en base a eso se debe elegir el tipo de extensión.
    Usualmente el .info está enfocado a sitios meramente informativos, como periódicos, blogs de noticias, o información en general, aunque no hay una regla para la extensión.
    Aquí hay más detalles sobre eso:
    [Todo lo que hay que saber antes de comprar un dominio]

    ResponderEliminar
  13. Kordo, súbelo a Google Sites, ahí no sólo no te dará problemas, sino que no deberá mostrar el logotipo de Google Video. Saludos.

    ResponderEliminar
  14. CampamentoWeb, sonacero360, la siguiente entrada es sobre eso, aunque no sé qué tantas cosas más puedan haber esta temporada, deberé apurarme pues ya se nos viene la fecha encima.

    GiseUsh, hasta donde sé no tiene temas para aplicar, es sólo el que trae por defecto.

    ResponderEliminar
  15. Holas* Potro (si es mejor no ariesgarme en saber si es mañana, tarde o noche.. jeje).
    Oye una cosita... que problemas seran por tener el dominio propio? Bueno ya me juge y tengo el .com XD
    Por ahora me quedo con el flash de Mp3, le meti tanta mano personalizandolo en ese momento que no quisiera cambiarlo... no aun.
    Saludos...!!

    ResponderEliminar
  16. Mano de santo, Potro. Ahora va perfecto.
    Mil gracias!

    ResponderEliminar
  17. Hola javi_anubis,

    Buen día-tarde-noche (por si las dudas).
    ¿Te refieres a los problemas de Google Site con los dominios propios? No lo sé, pero siempre sucede que algunas cosas que tenemos alojadas ahí no funcionan en dominios propios, pero no pasa nada, aún seguimos teniendo buenos servicios como Dropbox al cual no le importa si somos blogspot.com o nada más .com

    En cuanto a lo demás quizá estos primeros días notes ciertos "problemas" como que el PR ya no aparece, quizá te lleguen menos visitas, las URLs en Google aparezcan con blogspot, el buscador no funcione, etc. pero con el paso de los días y entre más escribas se irán yendo esos problemas y no tendrás que preocuparte por nada que no sea escribir.

    Saludos y felicidades por tu dominio, ¿a dónde nos vamos a celebrar? :D

    ResponderEliminar
  18. Kordo, ahora que re-leo mi respuesta no comprendo cómo es que me has entendido porque veo que me faltaron palabras en las frases :P
    Qué bueno que ya está todo funcionando :)

    ResponderEliminar
  19. Esto esta muy bueno Potro. No es el mejor que he visto pero tampoco esta tan mal, me agrada. Ahora se me ocurre para grabar una bienvenida al blog o algo así. Gracias por el código.

    ResponderEliminar
  20. Doctor... felicidades! gracias... a mi me funciona bien, subido los archivos a Dropbox, pero...
    Mi duda es, como hago para reproducir mas de una canción?
    Quisiera q cuando se abre el blog no se reprodusca automaticamente, sino luego de la primera reproducción que las demás la sigan automaticamente....
    Gracias de antemano y boy a clickear tu publi...

    ResponderEliminar
  21. Hola potro quiero hacerte una consulta sabes tengo tiempo sin pasar por aqui´porque estado pendiente personalizando mi blog y no e tenido tiempo para nada entre los estudios y no e tenido tiempo para publicar artículos y bueno saludos y sigue asi.

    La consula
    sabes yo te pregunté la otra vz no se si te acuerdas de que queria que los enlaces tubieran estos estilos:

    .post a, .post a:active, .post a:link {
    background:#ffe599;-moz-border-radius: 4px;
    padding-right: 2px;
    padding-left: 2px;
    padding-top: 2px;
    padding-bottom: 2px;
    color: #fff;
    }

    Pero configura hasta el título de las entradas y yo sólo quiero que suceda es solo en los enlaces de los artículos tienes alguna solusión saludos y cuídate.

    ResponderEliminar
  22. Disculpa que quiza te moleste... pero mira encontré este reproductor de musica, y es elegante...

    http://www.premiumbeat.com/flash_music_players/original/multiple_menu

    Pero el principal problema radica que no se como instalarlo en el blog de blogpot.

    Yo sé que eres un maestro, por favor si fueras tan amable de decirnos como instalarlo (puede ser tu siguiente post)....

    GRACIAS DE ANTEMANO Y UN FUERTE ABRAZO MI HERMANO

    ResponderEliminar
  23. Hola de nuevo Potro, pues no se qué querrías decirme pero me funcionó. La cuestión que ahora me ha surgido otro problema. He ido a pasar el reproductor que funcionaba correctamente en un gadget a una entrada y ahí me vuelve a fallar otra vez. No lo reproduce. No sé como funcionar en un sitio sí y en otro no... :-/

    ResponderEliminar
  24. Solucionado Potro, era problema del nombre del archivo, que llevaba acento y eso al parecer daba problema al generar el código Url. Cada día aprendo algo nuevo.
    Gracias por todo.
    Saludos

    ResponderEliminar
  25. Si Potro, lo senti mas en el buscador que quedo de adorno nomas ahi... :P
    jaja y la fiesta vente para argentina ;)
    Saludos...!!

    ResponderEliminar
  26. Andaba buscando esto, es mucho menos complicado. Gracias.

    ResponderEliminar
  27. Yo no me fui con la finta, ya conocia la marcha ;)
    Muy bueno, aunque yo uso a Youtube, pero le quito la parte del video y solo se ven los controles del reproductor

    ResponderEliminar
  28. Olmo Axayacatl, de hecho "el mejor" y "el peor" siempre es muy subjetivo, pero objetivamente sí es un reproductor que sirve para lo básico :)

    Jk-ch!, fíjate que antes de publicar la entrada estuve investigando si se podía incluir más de una canción pero para que no es posible. Sobre el otro reproductor no te lo prometo ahora porque ya tengo unos posts pendientes, pero si te urge mucho mira ahí mismo están las instrucciones de instalación; yo mientras tanto me lo anoto para después ;)

    ResponderEliminar
  29. Daniel, cambia ese código por este:

    .post-body a, .post-body a:active, .post-body a:link {
    background:#ffe599;-moz-border-radius: 4px;
    padding-right: 2px;
    padding-left: 2px;
    padding-top: 2px;
    padding-bottom: 2px;
    color: #fff;
    }

    Saludos y suerte en los estudios.

    ResponderEliminar
  30. Kordo, gracias por compartir igual la solución, así yo también aprendo algo nuevo :)

    javi_anubis, algún día será :D

    Fherguzon Fletcher, gracias a ti por tu visita!

    Kron, igual suelo hacerlo así, pero esta forma se me hace que nos "asegura" que la música siempre estará ahí, en cambio con YouTube nunca se sabe.

    ResponderEliminar
  31. Naaa fuera de juego que te pasas si funsionaaa!!!
    Bueno en los estudios voy muy bien de eso no lo dudes jajajaja
    si por mi fuera te diera un abrazo muy bien todo va perfecto pero no hay forma de que no afecte a las imagenes del post solo y unicamente a los enlaces solo eso si me ayudas no te molesto mas jajaja saludos

    ResponderEliminar
  32. Claro Daniel, sólo añade estos estilos:

    .post img {border:0;padding:0;background:none;}
    a img {border:0;padding:0;background:none; }

    Un abrazo!

    ResponderEliminar
  33. potrazo! como anda tanto tiempo. abrazo enorme, para los potros y yeguas que necesiten un sitio donde alojar musica mp3 y obtener una url válida para realizar lo recomendado en esta publicación, les recomiendo http://www.fileden.com/ saludos

    ResponderEliminar
  34. Gracias por la recomendación Javierdealmagro, qué gusto leerte de nuevo por aquí!

    ResponderEliminar
  35. Hola potro exactamente donde coloco el script porque lo coloque en los estilos de la plantilla y no funsiona

    ResponderEliminar
  36. Hola potro! interesante noticia! se podria utilizar para la transmicion de una radio online colocando la Ip y el puerto?

    Gracias desde Portalfoxmix Blog Internacional del Arte del Dj

    http://www.portalfoxmix.net

    ResponderEliminar
  37. Depende dónde lo queiras poner, puede ser dentro de una entrada, o en una gadget, es decir, entrando en Diseño > Elementos de la Página > Añadir gadget > HTML/Javascript.
    O si usas la nueva interfaz entonces en Diseño > Añadir gadget > HTML/Javascript.

    ResponderEliminar
  38. DjFoxMix, no lo creo pues de hecho intenté con una lista de reproducción y no la tomó como válida, pero sería cuestión de que hagas la prueba y nos cuentes qué tal te fue :)

    ResponderEliminar
  39. Potro no me funciona me sigue apareciendo en las imagenes el fondo,no se si hay otra solusión pero bueno que se va ha hacer saludos y cuidate.

    ResponderEliminar
  40. El reproductor sólo debe estar en cualquiera de las dos partes que te mencionaba en el comentario #42, si lo has puesto en alguna otra parte eliminalo de ahí. Cualquier cosa me dices en cuál blog lo pusiste.

    Saludos.

    ResponderEliminar
  41. potro me refiero a los enlaces que te mencione:
    .post img {border:0;padding:0;background:none;}
    a img {border:0;padding:0;background:none; }

    Como hago para que no afecte a las imagenes porque lo coloque en el css de la plantilla y no me funciona ni tampoco donde esta la parte de los links alguna solusion saludos

    ResponderEliminar
  42. Necesito saber en qué blog lo has puesto para ver qué puede estar pasando.

    ResponderEliminar
  43. Las imágenes tienen un borde redondeado porque en la plantilla tienes esta declaración que hace eso:

    img {
    border-radius: 5px;
    }

    Y en los resúmenes también tienes estilos que indican que se muestre así:
    <span style="float:left; padding:9px 7px 4px 7px; background:#444444;border-radius:6px; margin-right:13px;margin-bottom:-10px;">

    Quitándolo dejará de mostrarse redondeado.

    ResponderEliminar
  44. tu sabes crear radio online con winap??

    ResponderEliminar
  45. ¿Donde puedo encontrar canciones en formato mp4?

    ResponderEliminar
  46. Hay conversores que puedes usar para cambiar el formato de tus canciones a MP4. En la red puedes encontrar varios.

    ResponderEliminar
  47. Pero no se como buscar canciones, donde hay?? o sea, hay páginas donde diga "insertar" la canción o que?

    ResponderEliminar
  48. Pueden ser canciones de tu ordenador que debes subir previamente a un hosting como Google Sites (ver enlace al final de la entrada).
    En iTunes también puedes comprar canciones para descargar.

    ResponderEliminar
  49. Saludos he echo todo como indicaste, el reproductor me aparece en el blog pero le doy clcick a play y nada
    epero que puedas ayudarme
    subi la canción a google site
    gracias

    ResponderEliminar
    Respuestas
    1. Habría que ver en cuál blog lo has puesto, puede ser que la URL no esté bien puesta, o que en Google Sites tengas los permisos como privados.

      Eliminar
  50. hola, nuevamente, sabes algo al respecto del reproductor de Reader, no a aparece, fijate el de este post, tengo decenas de audios y no funciona en dos blogs que administro, gracias

    ResponderEliminar
    Respuestas
    1. No sé nada al respecto excepto lo mismo que tú, que anda fallando, ignoro porqué sea.

      Eliminar
    2. Gracias toco no confiarse de Google, instale el dewplayer, así no se depende de nadie, gracias y hasta la próxima!

      Eliminar
    3. Este es el Dewplayer, Mario:
      http://ciudadblogger.com/2009/01/reproductor-dewplayer.html

      Eliminar
  51. Hola yo encontré la manera de insertar sólo aduio de youtube sin utilizar estos reproductores, queda mucho más bonito ;)
    http://goo.gl/dO6gK

    ResponderEliminar
  52. Potro, geacias por el aporte, el problema es que se escucha ningun ruido. Si pudieras darle o darme una solución, gracias de antemano.

    ResponderEliminar
    Respuestas
    1. No he comprendido Gab Riel, ¿cuál es exactamente el problema?

      Eliminar
  53. Disculpa, si no me expliqué bién. Esque puise todos los códigos de la misma forma que ud dice, y no funionaba; pero lo solucioné probando en otro navegador 8Estaba con firefox y no pasaba nada, pero probé en internet Explorer, Y bacán ahí estamos)
    Felicidades por los posts, por cierto son muy buenos.
    No te pongo un enlace a tu página, porque antes en otros blogs lo hacia como agradecimiento, pero una vaz me paso algo raro, y de ahí....Disculpa. Suerte potro.

    ResponderEliminar
  54. Otra pregunta Potro.
    ¿ como puedo hacer para poner varios temas a continuación del que ya tengo?. ¿Se podrá?
    Gracias man.

    ResponderEliminar
    Respuestas
    1. Hasta donde recuerdo sólo admite una canción :(

      Eliminar
  55. Potro buenos dias, recomiendeme un reproductor flash que abra sin problemas con todos los navegadores, que sea facil de personalizar, sin descargarlo y que sea a traves de codigo HTML, donde pueda montar una lista de reproduccion (mas de una cancion) y que se puedan verlos nombres de las canciones, muchas gracias, le estaré infinitamente agradecido con su respuesta

    ResponderEliminar
    Respuestas
    1. Hola Luis Alfredo, en la categoría Música está todo lo que he publicado sobre reproductores, no tengo nada más que lo que está ahí.
      Saludos.

      Eliminar
  56. Hola Potro, gracias por confirmar sobre uno de los reproductores que no funcionan ''Ya me lo temia esto''. Es bueno estar siempre actualizado. Siempre de paso por su página, porque siempre hay muy buenos aportes.

    ResponderEliminar
    Respuestas
    1. En realidad hace poco lo actualicé, no sabía que no estaba funcionando hasta que al querer usarlo me di cuenta que ya Google había dado de baja ese reproductor. Al menos aun está el otro :)

      Eliminar
  57. gracias por el aporte ,
    me salio a la primera un cordial saludo

    ResponderEliminar
  58. El de Google Reader sí, sólo que en mi demo no funciona porque tengo problemas con el alojamiento.

    ResponderEliminar
  59. Saludos Potro!!! Aunque por ahora estés ausente, espero que leas mi comentario.... Estoy muy agradecido contigo por todas las cosas valiosas que aportas, en realidad he usado mucha información de este Blog tan maravilloso. Sinceramente ya perdí la cuenta de las veces que he entrado a consultar algo.. jejejeje pero esta vez no puedo pasar por alto algo tan importante como Agradecer mil o más veces tus valisos aportes a la comunidad Bloggera!!!! Te deseo lo mejor en tu vida y seguiré visitandote!!!!

    ResponderEliminar
  60. Saludos Potro!!! Muchas Gracias por tus aportaciones a la comunidad Bloggera... Muchas veces has dado respuesta a mis dudas y haz hecho que mi blog funcione como deseo pero, ninguna te lo había agradecido, discúlpame por ese hecho y como nunca es tarde te digo: MUCHAS E INFINITAS GRACIAS POTRO!!!! Saludos desde San Luis Potosí, México.

    ResponderEliminar
    Respuestas
    1. Muchas gracias por tan amable comentario :)
      ¡Saludos!

      Eliminar
  61. Para que el reproductor no se vea y sólo se escuche el audio, ¿cómo se hace?

    ResponderEliminar
  62. hola, me gustaria saber: que es eso que aparece (bloquear) cuando pasas el raton por el reprodustor. Seria bueno escuchar de ud. es muy confiable su opinión. Gracias desde Perú.
    Gab Riel
    http://blogmusical-gabriel.blogspot.com

    ResponderEliminar
  63. Hola de nuevo, esto del bloqueo sucede con firefox, y no con IE.
    Gracias

    ResponderEliminar
    Respuestas
    1. Debe ser alguna extensión de tu navegador que bloquea los elementos de audio.

      Eliminar
  64. Intento poner el repoductor, que se reproduzca automáticamente y que no se vea, pero no funciona, así lo tengo:

    <object width="350" height="27" id="movie" type="application/x-shockwave-flash" data="http://www.google.com/reader/ui/3523697345-audio-player.swf?audioUrl=https://sites.google.com/site/archivador69/bloggers/champs.mp3&autoPlay=true"><param name="movie" value="http://www.google.com/reader/ui/3523697345-audio-player.swf?audioUrl=https://sites.google.com/site/archivador69/bloggers/champs.mp3&autoPlay=true"/><param name="wmode" value="transparent"><param name="allowScriptAccess" value="never"><param name="flashvars=" value="playerMode=embedded"></object>

    ResponderEliminar
    Respuestas
    1. Hola Pepe, pon el width en 0

      Eliminar
    2. Eso fue lo que hice, ¿también el height?

      Saludos.

      Eliminar
    3. Eso fue lo que hice, ¿también el height?

      Saludos.

      Eliminar

Los comentarios están siendo moderados y serán publicados una vez que hayan sido revisados por un administrador.
Si tu blog contiene material protegido por derechos de autor habilita tu perfil y deja únicamente el nombre de tu blog, no dejes la dirección del mismo, de lo contrario el comentario será eliminado.

 
Ir Arriba Ir Abajo
I Ciudad Blogger