Hace ya tiempo que no tocaba el tema de los reproductores de música para introducirlos en la Web. Así que para que hoy os presento la versión “tunning” de los reproductores.
Se trata de NeoLao, pero en esta ocasión podemos incrustarle una imagen de fondo, por lo que le da un toque más personal al nuestro reproductor.
Este es el código necesario:
<object type="application/x-shockwave-flash" data="player_mp3.swf" width="200" height="20" >
<param name="movie" value="player_mp3.swf" / >
<param name="FlashVars" value="mp3=cancion.mp3&skin=fondo.jpg" / >
<p >No se puede mostrar el reproductor </p >
</object >
Para hacer un fondo, abrís un documento, en este caso, de 200 px de ancho y 20 de alto y creais uno. Tened en cuenta que al guardarlo tenéis que hacerlo como .jpg.
Este es el resultado:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
<object type="application/x-shockwave-flash" data="/wp-content/uploads/2007/06/player_mp3.swf" width="200" height="20"> <param name="movie" value="/wp-content/uploads/2007/06/player_mp3.swf" /> <param name="FlashVars" value="mp3=/wp-content/uploads/2007/06/cancion.mp3&skin=/wp-content/uploads/2007/06/fondo2.jpg" /> <p>No se puede mostrar el reproductor</p> </object> <object type="application/x-shockwave-flash" data="/wp-content/uploads/2007/06/player_mp3.swf" width="200" height="20"> <param name="movie" value="/wp-content/uploads/2007/06/player_mp3.swf" /> <param name="FlashVars" value="mp3=/wp-content/uploads/2007/06/cancion.mp3&skin=/wp-content/uploads/2007/06/fondo.jpg" /> <p>No se puede mostrar el reproductor</p> </object> <object type="application/x-shockwave-flash" data="/wp-content/uploads/2007/06/player_mp3.swf" width="200" height="20"> <param name="movie" value="/wp-content/uploads/2007/06/player_mp3.swf" /> <param name="FlashVars" value="mp3=/wp-content/uploads/2007/06/cancion.mp3&skin=/wp-content/uploads/2007/06/fondo1.jpg" /> <p>No se puede mostrar el reproductor</p> </object> |
La canción pertenece a La Maskatesta y me la baje gratuitamente de Date a Conocer.
Hola, tengo un par de problemillas con este reproductor, a ver si alguien me puede echar una mano. El código me va a la perfección y en modo local todo va correcto, pero cuando pongo el código en myspace los títulos de las canciones no aparecen correctamente sino q aparece toda la ruta de donde están alojadas lo cual hace q sea imposible conocer la canción q está sonando. Otro problema q tengo es q por más q cambio los valores de alto y ancho sigue visualizandose en el mismo tamaño.
Muchas gracias
Prueba añadiendo las etiquetas <pre></pre>, al principio y al final del código.
Pues sigue sin irme 🙁
Continua mostrando toda la ruta y la verdad es q se ve un rato feo
Hola, ya me va. He probado con el código del xml y ya van los títulos.
Pero claro, como la curiosidad mató al gato, me he puesto a meterle un fondo, pero no se si tengo q modificar el código de la página o el xml, he probado en ambos y no va.
Y ya puestos, si no es mucho pedir jaja a ver si alguien sabe de algún sitio donde estén los parametros a modificar pq estoy intentando cambiar los colores y me estoy volviendo loca con tanta combinación.
Muchas gracias
Los parámentro del neolao los puedes ver aquí. Si lo que quieres son códigos de colores. De todas formas, si no es eso lo que buscabas dimelo otra vez, ok?.
Un saludo.
Muchas gracias. Ya he conseguido modificar los colores y alguna otra cosilla. Pero lo de colocarle un fondo (skin) no hay manera, la imagen a parece pero todo el reproductor se queda transparente, solo los botones y el texto 🙁
Seguiré probando a ver q pasa…
buenas, muy bueno! justo lo q andaba buscando!! pero te hago 2 consultas: que tengo q poner para q se inicio automaticamente al entrar; y la otra es con respecto a como hacer para que el reproductor no se corte cuando cambio de la pagina principal a otra sino que siga sonando siempre.
Muchas Gracias !!
salu2
La mejor forma para que no se corte al pasar por las páginas es utilizar un poco de ajax. Mira este otro post con reproductor de música y ajax que lo tiene así.
Lo de autoplay es este otro con los parámetros que usa NeoLao.
Espero que te esa de utilidad.
Ok. Gracias. Los parametros del neolab los encontre en esta misma web luego de postear, Eso me paso por no perder 2 segundos y buscar!! jajaj.
Lo de ajax lo vi y esta bueno, pero dudo que pueda hacerlo ya q no tengo mucho conocimiento.
En mi caso la solucion que encontre fue crear un frame estatico donde cargo el reproductor asi cuando cambio de pagina en pagina la musica sigue reproduciendose sin problema y de manera continuada, El frame lo cree en una barra horizontal arriba o abajo (todavia no me decido). solo me queda pornerlo un poco mas lindo con texto o color… al menos esta es la solucion que encontre, esta buena o no?
como hago para cambiar el titulo del mu cuando entras aparece un titulo q dice versión todo eso
quiero cambiarlo pero no se como me podrías decir por favor?
no se a que te refieres diego. que es el título del mu??¿¿
hola!…yo tengo dudas con el tema que al cambiar de pagina se corta mi reproductor, alguien por ahi dijo algo de frames pero no me kedo claro…
si me dan una mano se los agradecere…
salu2
Mejor que frames utiliza ajax. Puedes ver este ejemplo.
Espero que te sirva de ayuda. Ya nos contarás
Hola! gracias por la info! pero tengo un problema…no tengo que transmitir un .mp3 sino un .m3u que tengo que cambiar?
ayuda!!! por favor!!
thank you!!!
Quizás te funcione cambiando
value = "mp3=cancion.mp3&skin=fondo.jpg"porvalue="mp3=cancion.m3u&skin=fondo.jpg"pero no estoy seguro. Otra alternativa es transformar el archivo al formato mp3.mmm no ya lo habia probado pero no me funciona, a demas no puedo cambiar la extension…
no hay otra solucion?…o algo mas facil? jej
gracias! salu2
Pero cambiar no cambiando directamente la extensión del archivo. Debe de haber muchos programas que te transforme a .mp3 tu canción.
Todos los reproductores que están en la categoría Reproductores Mp3 son para formatos .mp3
Hola! es que no es una simple cancion, es un archivo para transmitir una señal de radio en vivo, y no se puede cambiar…
Si tenes idea, barbaro.. sino …mmm muchas gracias= por todo!
salu2