Hay muchos reproductores en flash para MP3 pero pocos suelen ser tan llamativos y originales como el reproductor de MP3 de Yahoo! Media Player.
Es un reproductor el cual permanece "escondido" y al hacer click sobre el enlace de una canción aparece en la parte de abajo con los controles del reproductor.
Pueden ver un ejemplo haciendo click en cualquier a de estas canciones:
Peroxide swing
Peroxide swingFever
FeverThat's how it goes
Instalarlo en tu blog es una de las grandes ventajas ya que es de lo más sencillo en cuanto a reproductores de música.
Sólo tienes que entrar en Diseño > Edición de HTML y antes de </head> pegar lo siguiente:
<script type="text/javascript" src="http://mediaplayer.yahoo.com/js"></script>
Ahora en una entrada o en un elemento HTML/Javascript pega esta línea por cada canción que quieras agregar al reproductor:
<a href="URL_de_la_cancion.mp3">Nombre de la canción</a>
Cambia la URL de tu archivo MP3 donde se indica al igual que el nombre de la canción. ¡Y listo! Automáticamente aparecerá junto al nombre de la canción un ícono de Play que indicará que es una canción.
NOTA: El reproductor no funciona si las canciones se alojan en Google Sites, pero puedes alojarlas en otro hosting como Dropbox o cualquier otro (Gracias a José GDF por esta aclaración)
Personalzación
Caratula del álbum
Si deseas que tus canciones también muestren la caratula del álbum entonces el código que deberás usar será este:
La imagen deberá ser cuadrada y no rectangular.
<a href="URL_de_la_cancion.mp3"><img src="URL de la imagen" style="display:none" />Nombre de la canción</a>
La imagen deberá ser cuadrada y no rectangular.
Eliminar logotipo de Yahoo! y leyenda learn more about this player
Por defecto el reproductor tiene el logotipo de Yahoo! y una leyenda con un enlace que dice: learn more about this player
Para eliminarlo entra en Diseño > Edición de HTML y antes de ]]></b:skin> lo siguiente:
#ymp-yahoo-logo, #ymp-relevance {visibility: hidden;}
#ymp-relevance { display:none !important; }
.ymp-player-max #ymp-body { width:570px !important; }
.ymp-player-max #ymp-body #ymp-body-strip { width:557px !important; }
.ymp-player-max #ymp-body #ymp-body-base { width:560px !important; }
Cambiar el color del reproductor
El color original del reproductor es gris pero también puedes cambiarlo por el color que quieras, sólo agrega antes de ]]></b:skin> lo siguiente:
#ymp-player .ymp-color-main,
#ymp-tray .ymp-color-tray {
background-color:#2F437C !important;}
Cambia donde se indica el código del color que más te guste.
Cambiar el color de las letras del reproductor
Las letras del reproductor son un gris oscuro, pero si cambias el color del reproductor seguro podrás tener problemas para leer las letras, así que también puedes cambiarlo, sólo pega antes de ]]></b:skin> lo siguiente:
#ymp-player .ymp-color-text-main {
color:#000000 !important;}
Igualmente puedes elegir el color que prefieras.
Cambiar el color de la lista de reproducción
Igual que en el anterior quizá necesites cambiar el color de la lista de reproducción, para ello pega antes de ]]></b:skin> lo siguiente:
#ymp-tray .ymp-tray-track {
color:#FFCE0C !important; /* Color para los títulos */
}
#ymp-tray .ymp-tray-track:hover {
color:#FFFFFF !important; /* Color del título al pasar el cursor */
background-color:transparent !important;
}
#ymp-tray .ymp-tray-track.playing,
#ymp-tray .ymp-tray-track.playing:hover {
color:#FFFFFF !important; /* Color del título de la canción en reproducción */
background-color:#777777 !important;
}
Actualización: 19/02/2010
Eliminar la información sobre el hosting donde están alojados los archivos
Gracias a Vku que me pasó este dato acerca de cómo eliminar la dirección donde están alojados los archivos.
De igual modo hay que agregar antes de ]]></b:skin> lo siguiente:
De igual modo hay que agregar antes de ]]></b:skin> lo siguiente:
#ymp-meta-album-title{display:none!important;}
Eliminar enlace de Yahoo! Search que aparece sobre el título de la canción
Cuando pasamos el cursor sobre el título de la canción vemos que aparece un enlace, este enlace nos lleva a la búsqueda de Yahoo! para encontrar la canción en cuestión.
Para eliminar este enlace buscamos antes de </head> el script que habíamos pegado anteriormente, o sea, este:
Para eliminar este enlace buscamos antes de </head> el script que habíamos pegado anteriormente, o sea, este:
<script type="text/javascript" src="http://mediaplayer.yahoo.com/js"></script>
Justo debajo de él pegamos lo siguiente:
<script type="text/javascript">
//<![CDATA[
// Disable Yahoo! search links
var apiReadyHandler = function (){
/* Once API ready handler is invoked, YAHOO.MediaPlayer class can be accessed safely */
/* For example: Add other event listeners **/
YAHOO.MediaPlayer.onMediaUpdate.subscribe(DisableTitleSearch);
YAHOO.MediaPlayer.onTrackStart.subscribe(DisableTitleSearch);
};
var DisableTitleSearch = function() {
var track_title = document.getElementById('ymp-meta-track-title');
var artist_title = document.getElementById('ymp-meta-artist-title');
if(track_title && artist_title){
track_title.href = artist_title.href = 'javascript:void(0)';
track_title.onclick = artist_title.onclick = function(){ return false; };
}
};
YAHOO.MediaPlayer.onAPIReady.subscribe(apiReadyHandler);
//]]>
</script>
Eliminar la caratula del álbum
Para que la caratula del álbum no se vea pega antes de ]]></b:skin> lo siguiente:
#ymp-meta-image { display:none !important; }
#ymp-body #ymp-meta-top,
#ymp-body #ymp-meta-bottom {
left:8px !important;
width:330px !important;
}
Cambiar la caratula del álbum por default
Cuando no ponemos una caratula a una canción aparecerá una imagen de una bocina. Podemos cambiar esta imagen de la bocina por cualquier otra, sólo pega debajo de la línea del script, es decir, debajo de esta línea:
<script type="text/javascript" src="http://mediaplayer.yahoo.com/js"></script>
Lo siguiente:
<script type="text/javascript">
var YMPParams =
{
defaultalbumart:'URL de la imagen'
}
</script>
Ahí agrega la URL de la imagen de la caratula donde se indica.
Como ves las ventajas de este reproductor son muchas, sobre todo por la forma tan simple de agregar canciones al reproductor.
La desventaja es que para crear distintas listas de reproducción es necesario saber crear archivos .XSPF que son listas de reproducción para reproductores en flash.
Enlace | Yahoo! Media Player
Enlaza este blog
Suscribirse al feed
Suscribirse por e-mail
Agregar en tu iGoogle
Seguir en Twitter
Unirse en Facebook
Enviar un correo
Iconos RSS.PNG)
Música JPZ
107 comentarios:
Woooooowwwwwwwwwwwwwwww estan estupendos!!! :D, me encantaron.
Tu si que sabes traer cosas buenas :D.
Oye eso esta bueno para las descargas.
en Descargar el enlace de la descarga, y en Escuchar se abrira el reproductor.
saludos.
Muy bueno, nunca entendi como hacer eso, hasta ahora que lo explicas, muy bueno
PepeX, igual a mí me encantó, yo lo conocí porque me preguntaron cómo ponerlo :D
El Venado, exacto, puede usarse el enlace para escuchar el demo de la canción antes de ser descargada.
Alex, la verdad es que es bastante fácil usarlo, nada complicado como podría pensarse.
Wowwwww Esto Es Lo Que buscaba!
un reproductor que no se notara tanto!
por eso siempre digo.,..
SALU2 REY DE BLOGGER!
Y SI BUSCAS VIDEOS DE HUMOR..
http://tuvideoblogger.blogspot.com
wow simplemente fantastico
waooo increible , ya lo hize solo quiero saber algo
como puedo poner mas de 1 cancion
http://simbafansdearcangel.blogspot.com/
Jajajajaja ya van 4 personas que dicen wow xD jajajajajajaja
Blogio, de hecho sí se da a notar pero tiene la ventaja de que puede ocultarse sin problemas.
$$__jefferson__$$, ¿verdad que sí?
simba, sólo agrega otra línea como la que he puesto en el segundo código, eso lo haces por cada canción que quieras agregar.
PepeX, jajajajajajajajajajajajajajajajajjajaja, es verdad!
hola potro nececito ayuda, cuando entro a una entrada
me aparece esto
http://tuvideoblogger.blogspot.com/]http://tuvideoblogger.blogspot.com/2010/02/bebes-sin-equilibrio_17.html
en este blog
http://tuvideoblogger.blogspot.com/
pero cuando le doy click al slide si aparece
correctamente
alguna ayudita?
SALU2!
gracias potro quedo genial mi blog ahora con este reproductor
Hola potro, la verdad que están estupendo los reproductores, tienen un toque unico y muy original.
Un saludo!
Parece que a todo el mundo le gustó... A mi también, pero de momento no puedo poner música porque sino no se escucharía el audio de los videos... :(
Ya veré como lo soluciono...
Ve viejo, GENIAL¡¡¡¡¡llevaba mucho tiempo esperando que alguien me diera algo asi para el blog, muchas gracias viejo,
a modo de comentario
para alojar los dichosos MP3 me demore un poco buscando un servicio decente , me encontre con FILEEDEN, y despues de agregar el codigo que vos pusiste a la plantilla, con el otro codigo que da FILEEDEN, el de colocar en el sitio web, simplemente cogio de una, ole muchas pero muchas gracias.
El mejor post de Ciudad Blogger en cuanto a reproductores de Musica un 10 por el Potro
Blogio, desconozco cómo se use esa plantilla en cuanto a la forma de hacer las entradas, pero sólo revisa cuidadosamente los códigos de cómo hiciste para que esa entrada sí saliera bien, así podrás detectar dónde está el error.
simba, excelente, ya me pasé por tu blog a escucharlas :D
Eduardo Sanguino, bastante único, o al menos son pocos los reproductores con una interfaz parecida.
Ascesino96, en Vida Negra sí puedes hacerlo, ahí puedes ser más libre con el contenido ;)
Lobo, sigo pendiente por ver cómo funciona FILEDEN ya que muchos lo usan y siempre tienen problemas para conseguir la URL. Por lo pronto a modo de sugerencia deberías probar DROPBOX, verás cómo te facilita la manera de subir archivos a la red.
ıllıllı★Criss Mitchell★ıllıllı, igual a mí es el reproductor que más me ha gustado :)
Una pregunta Potro es posible retirar el Link donde se encuantra alojada la musica por ejemplo en el tuyo es de sites.google etc
es posible retirarle eso?
Ya loa gregue Poro pasate :D
pero contestame lo anterior xD
Caramba Todo muy bien jaja pero mmm se ven las canciones en el Gidget que agregue que raro se podran Borar? alomejor y si la spinto de color blanco?(hmm)
No se puede eliminar ese enlace, sólo cuando los alojas a tu propio servidor y que tiene el mismo nombre del dominio es que desaparece automáticamente. Es otras palabras, si tu hosting no fuera Blogger y subieras tus canciones a unrealmat.com entonces desaparecería tanto el título de donde lo alojaste como el enlace.
Respecto al gadget con las canciones puedes ocultar el gadget de esta forma:
#HTML10 {
visibility: hidden;
display: none;
}
Saludos.
esta muy bueno este reproductor, pero ¿hay alguna forma de adelantar o retrasar el archivo de audio que esta ejecutandose?, porque hasta ahora es el único problema que le encuentro y me parece q es bastante importante.
saludos.
Lamento no haber podido instalar este reproductor.
He seguido los pasos y el link que me queda me lleva directamente a Goear que es la página de dónde extraigo la URL.¿qué hago mal¿
Gracias
Ahora si, he alojado el mp3 en Drobox y de ahí he sacado la URL y todo funciona bien.
Gracias amigo.
Hola. Me pasa igual que a Anna, los mp3 de Goear me llevan directamente a esa página...buaaaaaaaaaaaaaaaaaaaa. Seguiré buscando el error. Saludos
Sobre Vida Negra... jeejeje... el conseguir dinero me venció... no, jaja, de todas maneras ya me había cansado... Ahora tengo que vender la bannera y quedo perfectito! :)
Tal vez le saque 2 o 3 dólares, jajaja :)
#HTML10 {
visibility: hidden;
display: none;
}
Y eso deonde lo pegos :s
¬¬
Hml o en el Gidget(hmm)
jonathan pucheta, hasta ahora todavía no tiene esa opción, pero el reproductor se encuentra en fase BETA, así que es muy probable que después puedan incluir esa y cualquier otra opción más.
Anna Jorba Ricart, excelente, en Dropbox seguro que no tendrás ni un sólo problema para alojarlos, es de lo más sencillo que existe.
Viviana, no sé si GOEAR entregue URLs para escuchar el audio directamente, supongo que no, así que lo mejor es alojar tus archivos en otro hosting como Google Sites o Dropbox.
Ascesino96, jajaja, ojalá y Tutomax no te canse rápido.
ıllıllı★Criss Mitchell★ıllıllı, se pega antes de ]]></b:skin> en Edición de HTML
Yey! Potro :)
Gracias por ayudarme con este reproductor, en realidad me pareció buena opción desde que lo ví y no dudé en consultarte.
Lo he instalado en un blog de prueba y funciona perfecto! Ahora mismo lo agrego a mi blog.
Te encargo, si tienes oportunidad, que no te olvides del carrousel de imágenes, de cualquier modo sigo toquetenado la plantilla para agregarlo a la perfección ;)
Reitero las gracias!!!
¿Es posible alojar el script en tu propio alojamiento, o en la plantilla?
Gracias a ti por el descubrimiento ;)
Ese carrousel de imágenes lo vengo prometiendo a muchos desde hace ya un par de meses pero por unas o por otras lo pospongo. Prometo hacerlo pronto :P
Hola José GDF,
Si es posible, sólo hay que tomar el script desde:
http://mediaplayer.yahoo.com/js
Aunque como está en estado BETA si hacen alguna actualización al script no verás los cambios, tendrás que estarte dando tus vueltas al sitio de Yahoo! para saber si ya se encuentra en su etapa final o si la fase BETA tiene alguna mejora.
Saludos.
Me gusta porque, aparentemente, no se usa flash, pero no me gusta porque prefiero depender lo menos posible de servicios externos, porque ralentizan la carga del blog.
También me gusta porque se puede personalizar bastante.
Lo intentaré en el de pruebas a ver si se puede alojar entre la plantilla y ya te cuento.
Gracias y saludos.
Aparentemente no, pero cualquiera pensaría que efectivamente es un reproductor en flash.
Por suerte Yahoo! tiene bastante ancho de banda así que no hay tanto problema con la rapidez, aunque coincido en que entre menos dependamos de otros servicios más tranquilos estaremos.
Saludos.
disculpa potro mi blog es
varias--cosas.blogspot.com
pero me podrias decir por que en el reproductor se ve el enlace y la cancion empalmadas?
Potro realmente muy bueno el reproductor, te felicito.
No es pesado y no recarga la página.
Leí algunos comentarios y perdón que agregue estos datos.
Se puede modificar todo con css.
Ejemplo la imagen que se muestra
#ymp-btn-max {background:url(URL de la imagen)!important;}
El sitio alojado el archivo mp3, en este caso sites.google se puede ocultar de la siguiente manera
#ymp-meta-album-title{display:none!important;}
Y así todo lo que uno quiera es solo ver su código.
Te comento que ya hace un tiempo estoy recomendando tu blog en mi sidebar como blog de ayuda, si no te gusta lo borro.
Me pasa solo a mi que no puedo bajar el volumen?
que te importa, supongo que debe ser alguna personalización que le hiciste. Elimínalas y fíjate si se ve bien, si es así ve agregando una a una las diferentes personalizaciones, así sabrás cuál es la que te afecta.
Vku, uhhhh excelente lo del enlace donde están alojados los archivos, mañana hago una actualización para incluirlo y de una vez también cómo eliminar el enlace de la búsqueda de Yahoo. Creo que sólo a ti te pasa, ya he entrado a varios blogs con el reproductor funcionando y no he visto que haya ese problema. Saludos.
Por cierto que no me molesta en lo absoluto, por el contrario. También te he agregado ;)
Potro se ve que no soy el unico que no duerme. jeje
Lo del volumen me pasa solo en el tuyo.
Fijate el código fuente de este ejemplo:
http://img25.xooimage.com/files/7/f/b/reproyahoo-18e7937.html
No solo le quite el icono de yahoo, le cambie los link de busqueda en el titulo de la cancion y el link donde dice learn more agregando algo de css y javascript
En realidad ya me había dormido pero me levanté a apagar la computadora y me vi tentado a leer los comentarios :P
Había visto cómo cambiar el mensaje por otro como lo has puesto pero no sabía que se podía poner un enlace al blog en el título de la canción. Sin duda está muy interesante, mañana ya más despierto le echo una mirada al código fuente.
Saludos.
hola potro mi pregunta es si se le puede añadir un scroll para la lista de reproducción como si fuera una lista de enlaces y muchas gracias por el aporte.
Para crear un scroll en la lista de reproducción agrega esto:
#ymp-tray {
height: 150px !important;
overflow:auto !important;
}
Saludos.
Vuelvo a preguntar otra cosita cuando cambio de pagina dentro de mi blog se para la música y tiene que volver a cargar , hay alguna de manera de que la música siga sonando al cambiar de pagina o abrir comentarios, muchas gracias.
En que parte agrego lo del scroll
Antes de ]]></b:skin> al igual que las otras personalizaciones.
No se puede que siga la música sin detenerse ya que si cambias de página el script tiene que cargarse de nuevo.
Saludos.
Viejo gracias por el consejo, efectivamente tenias la razón , solo me da codigo para una cancion como html pero de resto no deja reproducir una mas, pruebo el servicio de Dropbox, que buen dato GRACIAS¡¡¡¡
Por nada, seguro que quedarás satisfecho con ese hosting.
Saludos.
Hola, Potro! Magnífico todo esto.
Tengo una interrogante: Estoy armando un blog que tiene la letra de canciones (cada canción es un post diferente). Quisiera que al final de la letra de la canción, el lector tuviera la opción de darle play al link para escucharla allí mismo (con este reproductor). Pero en ese caso, sería una o a lo más, dos canciones, pero por cada post.
¿Es posible hacer eso con este reproductor, o aquí entraría eso que dijiste que, para crear distintas listas de reproducción es necesario saber crear archivos .XSPF (Bueno, porque de eso, pues ni tengo idea).
Pregunto: ¿Solo se puede crear una sola lista de reproducción en todo el blog, o el reproductor funciona por separado, cuantas veces se quiera poner, ya sea en entradas o en gadgets?
Y si fuera así, ¿eso pondría muy lento el blog?
Te agradecería mucho si me aclararas eso, antes de empezar a trabajar con este reproductor.
Millones de gracias, de antemano.
(Ah, y si no se puede con este, ¿qué otro reproductor me aconsejarías?).
Saludos!
Hola Vicky,
Lamentablemente se agregan a la lista de reproducción todas las canciones que haya en el blog lo cual haría poco funcional al reproductor por las características que necesitas.
Me parece que en tu caso vendría mejor un reproductor más sencillo con el cual no tendrás problemas de poner una sola canción por reproductor, además no es pesado así que no habrá mucho problema con la rapidez.
Puedes ver dos ejemplos, uno aquí y otro aquí.
Saludos.
Muchas gracias por el consejo! Acabo de probar con el reproductor de Dewplayer y me resultó muy bien. Creo que ese es el que definitivamente usaré en los posts. ¡Perfecto!
Muchísimas gracias por todo y por tu gran paciencia, amabilidad y espíritu cooperador para con todos nosotros.
Saludos, Potro!!!
No hay de qué Vicky, siempre es un placer poder compartir un poco.
Saludos!
Hola Potro! muchas gracias por tus consejos!! cambie a este reproductor y lo estoy personalizando un poco. ¿Sabes si hay manera de cambiar el color verde chillon del boton y el color verdeapagado de la lista? ojala sepas! muchas gracias
Ahhh y tambien te consulto, porque he intentado quitar el enlace de Yahoo! Search que aparece sobre el título de la canción, y seguido los pasos y me sale esto
"Por favor, corrige el siguiente error y envía la plantilla de nuevo.
No se ha podido analizar su plantilla, porque no está bien formada. Asegúrese de que todos los elementos XML se han cerrado correctamente.
Mensaje de error de XML: The entity name must immediately follow the '&' in the entity reference."
¿Sabrias que estoy haciendo mal?
un abrazo y mil gracias.
Hola Pablo S. Fernández,
Los botones no, pues son imágenes.
Para cambiar los colores de la lista revisa en la entrada donde se explica cómo hacerlo.
Respecto al código para eliminar el enlace cópialo y pégalo de nuevo, le hecho una modificación para que no tengas problemas.
Saludos.
Aplausos y gracias para vos!! eso es lo que se dice tener rapidez y saber mucho!!
Te felicito verdaderamente, sos un genio loco!!!
Pude cambiar los colores y me saco lode yahoo!!! groso!
Tambien se podria hacer para las caratulas de las canciones ?
sos un ANIMAL!!! gracias
Hola Pablo S. Fernández,
Qué bueno que has podido personalizarlo a tu gusto.
Para cambiar la caratula del álbum que viene por default pega debajo de <script type="text/javascript" src="http://mediaplayer.yahoo.com/js"></script>
Lo siguiente:
<script type="text/javascript">
var YMPParams =
{
defaultalbumart:'URL de la caratula del álbum'
}
</script>
Ahí agrega la URL de la imagen que quieres para tu caratula personalizada.
Saludos.
Gracias El Potro, igual creo que no me exprese bien.
Lo que quise poner es que en el reproductor, al pasar el cursor por la imagen, sale lo de Yahoo y si apretas en la imagen te salta a la pagina de Yahoo. Si habia forma de borrar eso, como hiciste con el titulo de la cancion
Gracias por la entrada anterior igula, la tengo en cuenta.
Saludos
De hecho se supone que el script está diseñado para eliminar también ese enlace pero parece que con Blogger no funciona, supongo que la única solución es ocultar la caratula del álbum, de esa forma no habrá enlace pero tampoco caratula.
Saludos.
Este si que no lo conocía... Está muy bueno eso que sólo hay un link y cuando lo pinchas aparece el reproductor, muy bueno!
Un abrazo!!!
Y además es bastante sencillo de instalar :)
Gracias por pasar!
Si, es verdad, no lo resalté. Es ya nos tienes acostumbrados a que todo sea Sencillo XD..
Nos estas mal acostumbrando. Cuando postees un truco que lleve mas de un par de pasos, te llenaremos el libro de quejas XD jjajajajajajajaja.
Un abrazo!!!!
Hola Potro, me he dado cuenta que los enlaces alojados en sites.google, no funcionan con el navegador chrome, sin embargo los alojados en dropbox si funcionan con chrome, en firefox y explorer funcionan todos, sabes a que puede ser debido, gracias.
Rectifico con explorer tampoco funcionan los alojados en sites.google
Hola Antonio F. Lara,
El navegador no tendría nada que ver con el alojamiento de los archivos, yo uso Chrome y tengo alojados los archivos de ejemplo en Google Sites y no he tenido problemas, salvo algunas veces que tarda en leer el archivo, pero supongo que ahí son problemas con la conexión.
Saludos.
Acabo de entrar con chrome en tu pagina y no me reproduce ningún tema, no se cual sera el motivo pero es curioso.
No sé cuál sea la razón pero sí acabo de notar que en ocasiones lo reproduce y en otras se queda cargando la canción y ahí se queda. Supongo que son esos detalles de la fase BETA que de pronto dan dolores de cabeza.
Saludos.
ORALE POTRO ESTA RE CHIDO TU REPRODUCTOR QUISIERA SABER SI PUEDO PONERLO EN AUTOPLAY ? TAMBIEN CUANDO ENTREN AMI BLOG SE HABRA SOLITO EL REPRODUCTOR AVER SI ME AYUDAR CON ESAS DOS PREGUNTAR GRACIAS
CIUDADBLOGGER 100% !!!
El reproductor no tiene esas opciones, quizá más adelante cuando salga de la fase beta incorporen esas opciones pero por el momento no es posible.
Saludos.
Ya he tenido ocasión de probarlo en una entrada antigua. Después de un tiempo prudencial de probar con más archivos te cuento más, pero de momento va bien, aunque con Opera no acaba el proceso de buffering, no sé por qué, aunque hay pocos usuarios de ese navegador.
El problema con el buffering en Opera es nuevo, de hecho igual sucede con Google Chrome.
Cuando hice esta entrada lo probé también en esos navegadores y funcionó sin problema, así que supongo que alguna actualización del script debió afectar a esos navegadores.
Pues me ha hecho un faenón, porque ya estaba viendo ilusionado cómo funcionaba en Firefox, y en Opera le pasa eso... Y en Chrome también, aunque no le di importancia en un principio, porque el que uso en Linux no tiene flash, pero si también falla en el navegador de Google... ¿Va bien en IE al menos?
Pffff! Ahora tampoco carga en IE, definitivamente fue una actualización del script, por lo que espero que pronto hagan otra actualización que lo solucione.
Parece que por el momento sólo está funcionando en Firefox, no sé si en Safari sirva, no he vuelto a instalar ese navegador para poder confirmar.
Lo mejor es que el que primero que note cambios lo avise. Menos mal que si no funciona, al menos la gente se puede descargar el archivo de música, al ser un simple enlace.
Si en Google Chrome no va, da por hecho que en Safari tampoco, tienen el mismo motor de JavaScript y de renderización de las páginas.
Bueno, lo dicho, ya te informaré si me entero de algo. De momento lo tengo instalado en la plantilla, porque me va a hacer falta pronto para las demos de audio de mi estudio.
¡Potro, tengo novedades!
El script funciona perfectamente... ¡Es Google Sites el que da problemas!
Te lo resumo, aunque puedes ampliar información aquí, en la charla entre un amigo y yo: resulta que Google Sites siempre redirecciona a otra URL más larga. Pues bien, sólo Firefox y Safari para Windows lo sabían hacer bien con este script de Yahoo!
Pero aún hay más, incluso poniendo la URL redirigida directamente, como hace mi amigo Lukas en un comentario, tampoco funciona en ningún navegador, que no sean Firefox o Safari... ¿Entonces, qué?
Lo único que se me ocurrió era probar con uno de los archivos de audio de prueba de la página del reproductor. Te lo pongo aquí mismo. Al igual que en mi blog, te lo reconocerá el script y te lo añadirá a la lista de reproducción:
Ejemplo alojado en Yahoo!
Si lo pruebas abriendolo con IE o Google Chrome, casi seguro te llevarás la agradable sorpresa de que Yahoo! Media Player lo reproduce.
Así que el problema está en Google Sites. Mi solución ha consistido en alojar archivos en Archive.org y tomar la URL obtenida de allá. Aunque puede servir cualquier otro hosting similar, como Dropbox o Fileden.
Espero que te aproveche esta información. Yo estoy muy contento, porque desde que le eché el primer vistazo, aquí mismo, a este reproductor, me gustó para ir mostrando archivos de audio de mis progresos en el estudio de grabación.
Ahora toca personalizarlo con el CSS... ¡Gracias por todo!
Vaya, vaya, vaya... ¡Eres todo un genio!
Fíjate que en el comentario #62 ya Antonio F. Lara había notado que no funcionaba si estaban alojados en Google Sites, pero en tres pruebas que hice una me funcionó, así que pensé que sería un problema temporal.
Ya he subido los archivos en Dropbox y está funcionando perfecto.
Muchas gracias por la información, ahora mismo actualizo la entrada para poner al tanto a los demás.
Saludos y gracias a ti :)
Realmente fue mi amigo Lukas ThyWalls quién me puso sobre la pista, así que si hay un genio, ese debería ser él y no yo...
La verdad es que estuve a punto de quitar el reproductor y buscar otra cosa, hasta el preciso instante en que le consulté.
Pues gracias a los dos por compartir la información. Yo igual ya estaba dando por hecho que ya no funcionaría.
No hay una forma de que el reproductor, cuando lo expanda, aparezca encima de los videos incrustados en mi blog? Es que aparece atras, los videos tapan el reproductor
No, cuando se tratan de elementos en flash suelen encimarse a otros elementos.
Yo intentaría un z-index muy alto al contenedor entero del reproductor, a ver si así...
Podría funcionar, aunque no sé si como los dos elementos son el flash surja el mismo efecto.
Lo que es el reproductor en si no es flash. Por eso es posible tunearlo con CSS. A ver si tengo un hueco estos días, inserto un vídeo para ver qué pasa y te puedo contar algo más concreto.
No sé por qué no se me quita la idea de que es en flash :S
Pero tienes toda la razón, siendo así quizá funcione.
No pude hacer que se encimara el reproductor a los videos, pero ya ni modo, esta dificil ese asunto.
Ahora tengo otras dos preguntas:
1) Se puede modificar algo del reproductor para que siempre tenga al maximo el nivel del volumen? Siempre aparece el nivel a la mitad.
2) Hay manera de ponerle AutoPlay? Para que se reproduzca una cancion al cargar el blog, o un post en especifico.
De antemano gracias por toda la ayuda
Pega antes de </head> lo siguiente:
<script type='text/javascript'>
var YMPParams =
{
autoplay:true,
volume:0.5,
}
</script>
Eso hará que se inicie automáticamente, y donde dice volume puedes modificarlo, el valor debe ser entre 0.1 y 1.0 siendo este último el nivel de volumen más alto.
Saludos.
Funciono a la primera. Muchas gracias
Me alegro que todo esté bien :)
Buenas, queria saver si ahy alguna forma de sacarle la opcion de cerrar la ventana...osea...quitar esa cruz...ya q YO mismo, tuve varios accidentes de cerrarlo sin kerer xD..
graxias....
Para ocultar el botón de cerrar, agrega lo siguiente antes de ]]></b:skin>
#ymp-btn-close { display:none !important; }
Funciona de maravilla, exelente muchas gracias.
Graxias potro.... funciono de maravilla ...
pero ahora no me gusta como keda solo el boton q estaba abajo del de "cerrar"
tenes idea de como es el code para sacarlo?
graxias
Intenta con este:
#ymp-btn-pop { display:none !important; }
Perfecto =) graxias....
no creas q no volvere jejejje.....nos vemos
jejeje, volvi....mi ultima pregunta D=
se puede poner el reproductor en "aleatorio"?... porq jode q siempre comiense con la misma cancion jeje
Desconozco si se pueda hacer :s
Gracias por toda esta información que me esta sirviendo mucho ya que soy nuevo en esto de hacer blogs.
¿Como se puede activar automaticamente la pista musical en el momento de ver el blog sin tener que darle play?
Agradesco de antemano que leas esta nota y y la respuesta a mi pregunta.
Attte. Andy de la Cd. de México
Hola Andy,
Lee el comentario #85
Guapísimo queda en el blog!, gran aporte máquina, aunque creo que cambiar la carátula default ya no se puede, yo al menos no he podido, será que yahoo actualizó el script de http://mediaplayer.yahoo.com/js no?
Aun se sigue pudiendo hacer, si te fijas en el reproductor que yo tengo de ejemplo se ven las caratulas del álbum del cantante.
No me expliqué bien, me refería a la carátula del altavoz que trae por defecto el reproductor, intenté cambiarla pero no hubo manera. Lo dicho, se sale el reproductor!
Debería de seguir funcionando puesto que los demás hacks para personalizarlo permanecen. Quizá es la URL que estás poniendo, no sé. Quise ver el código en tu blog pero no veo que tengas puesto lo correspondiente para cambiar la caratula.
Si tú dices que sigue funcionando es que sigue funcionando jeje. Puse ese código, pero lo quité tras ver que no me iba. El caso es que probé con una imagen que si leía una de las canciones como carátula, cuadrada por completo, en fin, volveré a probar a ver qué tal...
Hola, primero POTRO te felicito por las explicaciones, muy claras, ahora una pregunta se puede cambiar la posicion del reproductor para que en vez del pie de la pagina aparesca en la cabezera? gracias de ante mano.
Al parecer aún no es posible hacer ese cambio o al menos yo desconozco si se pueda hacer.
caon, me gusto mucho,
gracias por darte el tiempo de compartir tus conocimientos,
haces la diferencia, porque la mayoria de la gente es egoista y no comparte esta informacion que es oro molido,
aun hay cosas ke no entiendo, pero aki le voy agarrando la onda muchas muchas gracias
Qué bueno que te ha gustado, sobre lo demás no te preocupes, con el tiempo irás comprendiendo los códigos más complejos y verás que no es tan difícil como parece.
Saludos!
Publicar un comentario en la entrada
Gracias por tus comentarios. Si tienes una consulta sobre tu blog deja la dirección del mismo.