17/4/2013

Insertar reproductor de audio en el blog con Dropbox o Ivoox

En esta entrada vamos a ver cómo insertar un reproductor de audio con una canción,
audiocuento, grabación de los alumnos, o cualquier audio quee se desee publicar.

Básicamente el proceso es el siguiente: 1º alojar el audio en algún servicio online y 2º incrustarlo en el blog.

Los servicios para alojar audio de forma gratuita son muchos, así  que aquí voy a explicar dos: DROPBOX -que es un servicio de almacenamiento en la nube (un disco virtual de 2Gb de espacio gratuuito) e IVOOX.

Con Dropbox

Son muchos los usuarios que trabajan en la nube, hacen sus backups, compartes sus archivos y muchos los servicios que ofrecen almacenamiento gratuito. Dopbox, es uno de los más conocidos así que aquí van las instrucciones:

1º Una vez que crearon una cuenta en Dropbox ingresaron a ella, deberán subir el archivo de audio que quieras poner en tu blog (debe ser mp3) en la carpeta “PUBLIC“. 
Una vez que se haya cargado, hay  que hacer click sobre él con el botón derecho del mouse, seleccionando la opción “Copiar enlace público“.

Dropbox

Así obtendremos el link directo que necesitamos reemplazar en el paso siguiente.

2º Ahora hay que ir a Blogger, a entrada nueva, y hacer clic en HTML.

Allí hay que pegar el siguiente código:
 
<object type="application/x-shockwave-flash" data="http://www.estvideo.com/dew/media/dewplayer.swf?mp3=http://la-direccion-de-tu-archivo.mp3&bgcolor=FFFFFF" width="200" height="20"><param name="movie" value="http://www.estvideo.com/dew/media/dewplayer.swf?mp3=http://la-direccion-de-tu-archivo.mp3&bgcolor=FFFFFF" /></object>

Por último reemplazamos la dirección en rojo con el  link que obtuvimos del archivo en Dropbox y listo! Tenemos nuestro reproductor!

Les debería quedar algo así (dejo una canción de Jorge Drexler que me gusta mucho).



Con Ivoox



Fuente:
http://ciudadblogger.com/2009/01/reproductor-dewplayer.html
http://chicablogger.com/como-poner-un-reproductor-de-musica-en-tu-blog-de-blogger/

14 comentarios:

  1. Estoy realizando una pestaña nueva para mi blog donde daré a conocer a los blogs que me siguen y que sigo, me he dado cuenta de que yo te sigo, pero no al revés, y quería invitarte a ello para dar publicidad a tu blog, también hay algunos seguidores a los que no les aparece el blog en el perfil, lo mismo ocurre eso, por lo que me gustaría saberlo para añadirte también, y ya de paso que puedas participar en el sorteo que estoy haciendo. Un besazo.

    ResponderEliminar
  2. Lo hice, aparece el reproductor, pero al darle play no reproduce nada? Qué puede ser?

    ResponderEliminar
    Respuestas
    1. Hola Emiliano! Por las dudas chequeá que hayas puesto la canción que querés reproducir en la carpeta PUBLIC dentro de tu Dropbox y haber copiado luego, el link del achivo compartido... No se me ocurre otra cosa...

      Slds, y comentame cómo te fue!

      Eliminar
  3. Muchas gracias por este tutorial. En "Vista previa", solo se ve la imagen del reproductor. Hay que darle a "Publicar" y funciona correctamente. De nuevo, muchas gracias .

    ResponderEliminar
  4. Buen día, logré insertarlo en mi blog. Sin embargo voy a depender del "dewplayer.swf"
    Que pasa si lo retiras de la pagina web?
    Tendría que reacer todo.? Es para una pagina de idioma y voy a necesitar muchisimos de estos reproductores.
    Agradezco por tu respuesta.

    atte,

    2luisleon@gmail.com

    ResponderEliminar
  5. Buen día, logré insertarlo en mi blog. Sin embargo voy a depender del "dewplayer.swf"
    Que pasa si lo retiras de la pagina web?
    Tendría que reacer todo.? Es para una pagina de idioma y voy a necesitar muchisimos de estos reproductores.
    Agradezco por tu respuesta.

    atte,

    2luisleon@gmail.com

    ResponderEliminar
    Respuestas
    1. Hola León gracias por tu visita. Te paso otra forma de agregar un reproductor tan sencillo como el anterior:




      ">

      Espero que te sirva!
      Slds

      Eliminar
  6. para los que no saben como instalar el drpbox encontré un tutorial

    ResponderEliminar
  7. perdón este es el link
    http://aprendeenlinea.udea.edu.co/boa/contenidos.php/c98c344d9c1c63035839991daaad148e/730/estilo/aHR0cDovL2FwcmVuZGVlbmxpbmVhLnVkZWEuZWR1LmNvL2VzdGlsb3MvYXp1bF9jb3Jwb3JhdGl2by5jc3M=/1/contenido/

    ResponderEliminar

notas anteriores >