Una de las formas más sencillas de crear listas de reproducción de audio es utilizar divShare, un servico gratuito que admite alojar casi cualquier tipo de archivo y que nos ofrece 5GB de espacio disponible y 10GB de tasa de transferencia. Una vez que nos registramos podemos crear carpetas y organizar los documentos para que sean de acceso público o privado.
Por defecto ya hay pestañas para imágenes, audio y video así que vamos a la de audio, creamos una carpeta y comenzamos a subir archivos seleccionándonos desde nuestra PC.
Podemos usar el Upload Standard o el modelo avanzado de Drag-and-Drop que es similar a lo que haríamos con un cliente FTP. En todos los casos, una vez subidos los archivos, podemos seleccionarlos y moverlos de una carpeta a otra sin mayores problemas ya que el uso de las herramientas es muy intuitivo.
Aunque para el caso de audios esto no tiene importancia, hay que tener en cuenta que el tamaño máximo de los archivos individuales es de 200MB.
Utilizando la opción Organize this Playlist podemos reordenar los archivos, cambiarles el nombre, agregarle etiquetas, etc.
Aunque para el caso de audios esto no tiene importancia, hay que tener en cuenta que el tamaño máximo de los archivos individuales es de 200MB.
Utilizando la opción Organize this Playlist podemos reordenar los archivos, cambiarles el nombre, agregarle etiquetas, etc.
Si hacemos click en Share nos mostrará la URL de descarga y un código que debemos copiar y pegar donde quisiéramos colocar el reproductor.
Como cualquier otro reproductor de Flash, basta conocer los datos para utilizar cualquier otro código, en este caso, width="335" y height="85" son el tamaño que podemos cambiar a nuestro gusto y la URL del reproductor en si mismo está en el atributo value:
http://www.divshare.com/flash/playlist?myId=XXXXXXXXXXX
donde lo único que cambiará serán esos caracteres del ID.
http://www.divshare.com/flash/playlist?myId=XXXXXXXXXXX
donde lo único que cambiará serán esos caracteres del ID.
<object height="155" width="260" type="application/x-shockwave-flash" data="http://www.divshare.com/flash/playlist?myId=XXXXXXXXXXX"><param name="movie" value="http://www.divshare.com/flash/playlist?myId=XXXXXXXXXXX" /></object>
También podríamos utilizar alguna ventana modal como LightWindow para mostrar el reproductor, de la misma forma en que podemos hacerlo con videos: Click para abrir la lista de reproducción.
28 comentarios:
Hola JMiur.. Se que he estado muy fastidioso estos dias.. pero es que ando con cambio de diseño y asi tengas 2 años de experiencia siempre hay un problema xD!!
Ok la pregunta es: Como hago para poner cualquier propiedad en "Entradas Relacionadas" (en el post-footer). Le quiero agregar line-heigh pero solo a esa parte de entradas relacionadas.. Mi blog es www.worldreggaeton.net!
Gracias.!!
Ahh y se me olvidaba. Hace 2 dias en un comentario me dijiste EXPLORER NO USA OUTLINE.. Pero que me dices de esto?: http://img179.imageshack.us/img179/6654/dibujoirm.png
Un Saludo!
Hace un tiempo que lo uso y es buen reproductor. Me gusta porque incluye para copiarlo a otro lugar sin tener que ir a su pagina. Aunque me falta la posibilidad de dividir un tema cuando ya has hecho la lista de reproducción, que si se puede, no he visto cómo ...
Por todo lo demás, es rápido y de fácil uso. De lo mejor para introducir musica en un blog.
Saludos y gracias por tu buen trabajo vagabundia.
Montse
PedrX:
Efectivamente, outiine no funciona en ninguna versión anterior a Internet Explorer 8 por lo que no es muy recomendable para diagramar, sobre todo, porque hay otra alternativas que se verán en cualquier navegador.
Para agregar propeidades, si no hay una clase o id, debes colocarla, crear una cualquiera o usar el atributo style directamente en la etiqueta.
Mon:
A mi también me gusta por eso, no es muy lindo pero es práctico :D
ooooh my god :D esto parece excelente, solo tienes que darme tiempo, guardo todo por si las moscas...buen viernes y besitos!!!
Ok JMiur tienes toda la razon.. Entonces, hay una forma de poner "Doble Borde" sin utilizar Outline??
Gracias!
Así en general, una forma de hacerlo es utilizando dos etiquetas, una dentro de la otra, la exterior mas ancha que la interior pero, es algo muy subjetivo.
ke gran aporte, lo puse en un gadget para apoyar una encuesta!
una preguntita? existe forma de ke al entrar al blog el reproductor iniciea sonar automaticamente? o es obligatorio ke le de play?
Una duda:
Quiero colocar una foto debajo de los comentarios, al igual que lo tienes tu, me dirias como hacerlo??
Gracias
Daniel:
Puede ser que funcione si le agregas el parámetro autoplay:
<param name="autoplay" value="true" / >
eso depende del reproductor pero no se pierde nada probando.
Loco 21:
Puede colocarse justo después de este código:
<b:include data='post' name='comment-form'/>
o bien en el includable del formulario:
<b:includable id='comment-form' var='post'>
..........
--- justo acá ---
</b:includable>
Hola JMiur, yo no sabía que el título de un post podía contener etiquetas, como por ejemplo: "Este es un <span>título</span>" y en la plantilla se puede poner definiciones específicas para ese efecto en .post h3 a, .post h3 a:visited, .post h3 strong { me di cuenta por el strong.
Hola JMiur,
No conocía ese servicio, y me luce bién interesante. Voy a probarlo, pues necesito algo así.
Muy a propósito, aprovecho para poner a tu disposición mi mas reciente álbum, el octavo, el cual puedes descargarlo desde mi blog. La invitación es extensiva a todos tus lectores. Agradecería mucho cualquier comentario sobre dicho trabajo. Y perdona por hacer autopublicidad por este medio...
:-D
Saludos,
Sí, Bonzu. No puede usarse cualquiera per o algunas funcionan; creo que tienen las mismas restricciones que tiene la etiqueta TITLE del head del blog. No cualquier etiqueta funcionaría.
Doktor Gnómegang: Allá voy, como todas las otras veces así que, esto ni lo considero autopublicidad :D
:(
sabes... aun no consigo poner un reproductor en mi blogspot
me registré en divshare, subí un archivo de audio, y quiero poner este unico archivo en mi blog, pero no me resulta...
tu hablas de que hay que cambiarle el "height" y "width" pero esas cifas que tu señalas no me sirven... :s
podrías ayudarme por favor?
Un saludo.
Pasa por mi log pinchando mi link para que me orientes mejor, quiza se trata de una cuestión de incompatibilidad o quien sabe...
Agradecería mucho tu ayuda...
Saludos
Pués, no veo ningún problema, se muestar allí en la sidebar. Esta es la captura.
Si amigo, despues de que te escribí... pude hacerlo, pero lo adjunté en un HTML/JAVA...
en fin...
el asunto ahora es...
que tengo 21 archivos en mi carpeta, pero solo se ven algunos, y tampoco me aparece l barra de desplazamiento :s
Saludos...este servicio lo uso casi desde el mismo dia en que lo publicaste y me resulto muy util...lo tengo en un blog de prueba...desde hace tiempo tenia una duda que hasta ahora la planteo: se puede colocar mas de dos lista en este reproductor? es que quisiera colocar mas de dos lista usando este servicio, algo parecido a este reproductor que aparece al final de esta pagina...sino se pudiera,tienes otro post donde si se pueda colocar varias lista...de antemanos Gracias.... Saludos☺
No que yo sepa, Kenneth.
Tremendo Frenazo me diste amigo...tenia las esperanza en que me podrias ayudar...bueno colocare una lista...ojala encuentres la manera para colocarlo en el blog.....Saludos y Gracias de nuevo☺
Espero que puedan ayudarme,estoy armando mi blog y pude colocar y funciona,canciones por medio de 4 shared,ahora encontré divshare que tiene reproductor pero no me lo toma¿porque?que estaré haciendo mal?quisiera que alguien me diga que hacer,muchas gracias
Victor:
Para usar el reproductor de DivShare, los archivos de audio los debes subir a DivShare mismo; ¿eso ya lo has hecho? Si es así, ¿tienes algún ejemplo online apra ver cómo has insertado el reproductor?
Jmiur,encontré el error,cuando iba a insertarlo en el blog,me quedaba 2 veces "http" se me dió por sacar uno y al poner el de div share quedó bien,era lo último que me quedaba por probar y era eso nomás y esperar una respuesta que veo llegó rápido muy gentilmente,Jmiur,de todas formas MUCHÍSIMAS GRACIAS por querer ayudarme,un abrazo!!!cuando tenga una duda,se adónde preguntar,gracias otra vez!!
Me alegra que todo se haya arreglado :D
myId=XXXXXXXXXXX"><param name="movie" value="http://www.divshare.com/flash/playlist?myId=XXXXXXXXXXX" / sobre entiendo que donde las x, en mi caso escribiria auto-play pues quiero que cuando mi pagina de blog baje automaticamente play las slide foto. me gustaria saber como acerlo. grcias por tu ayuda.
Cada lista de reproducción tene su propio ID, una serie de números y/o letras. El código te lo da el mismo servicio.
Hola Jmiur quisiera saber como puedo hacer para subir un archivo de audio de 8 Mb y hacer que se reprodusca con algunos de estos reproductores (ver pagina) http://www.alsacreations.fr/dewplayer.html
En DivSahre no podrás. Debes alojarlo en algún otro sitio como DropBox, por ejemplo. Luego, se pone la URL de ese archivo como parámetro. Fíjate en esta entrada.
Como hago para cambiar de color el reproductor Divshare
Lo desconozco, JuanJosé
No es que el formulario tenga problemas sino que los comentarios están cerrados.