NonverBlaster:hover es un reproductor multimedia de código abierto que podemos descargar y utilizar en cualquier sitio web. Pese a su escaso tamaño, posee características avanzadas y reproduce tanto archivos de audio como de video (MP3, MP4, MOV, FLV, etc).
Tiene dos modos de uso básicos, mediante JavaScript y la librería swfobject las posibilidades de configuración y personalización son muchísimas pero también es posible usarlo con una etiqueta OBJECT normal.
No parece sencillo de implementarlo en Blogger excepto para la reproducción de archivos de audio así que me limitaré a eso.
Si descargamos el ZIP
que nos ofrecen veremos que allí se incluye el código fuente y varios ejemplos pero, todo lo que necesitamos es el reproductor en si mismo que se encuentra en la carpeta examples y se llama NonverBlaster.swf. Lo alojamos en un servidor y eso es todo.
Lo usamos incluyendo un código como este:
Tiene dos modos de uso básicos, mediante JavaScript y la librería swfobject las posibilidades de configuración y personalización son muchísimas pero también es posible usarlo con una etiqueta OBJECT normal.
No parece sencillo de implementarlo en Blogger excepto para la reproducción de archivos de audio así que me limitaré a eso.
Si descargamos el ZIP
que nos ofrecen veremos que allí se incluye el código fuente y varios ejemplos pero, todo lo que necesitamos es el reproductor en si mismo que se encuentra en la carpeta examples y se llama NonverBlaster.swf. Lo alojamos en un servidor y eso es todo.Lo usamos incluyendo un código como este:
<object id="nonverblaster" width="300" height="17" type="application/x-shockwave-flash" name="nonverblaster" data="URL_nonverblaster.swf"> <param name="menu" value="false"/> <param name="allowScriptAccess" value="always"/> <param name="wmode" value="transparent"/> <param name="flashvars" value="mediaURL=URL_archivo.mp3&allowSmoothing=true&autoPlay=false&buffer=6&showTimecode=true&loop=false&controlColor=0xFFFFFF&controlBackColor=0x000000&defaultVolume=100&showScalingButton=true"/> </object>
donde:
mediaURL es el archivo de audio a reproducir
autoPlay puede ser true o false
loop puede ser true o false
defaultVolume es el volumen por defecto
controlColor es el color del reproductor en si mismo
controlBackColor es el color de fondo
Por defecto, el tamaño es de 300x17 pero basta cambiar los valores de width y height para adecualrlo a nuestras necesidades.
mediaURL es el archivo de audio a reproducir
autoPlay puede ser true o false
loop puede ser true o false
defaultVolume es el volumen por defecto
controlColor es el color del reproductor en si mismo
controlBackColor es el color de fondo
Por defecto, el tamaño es de 300x17 pero basta cambiar los valores de width y height para adecualrlo a nuestras necesidades.
12 comentarios:
Esta buenisimo este reproductor como siempre lo provare en uno de mis blogs, gracias JMuir, lo repito tu siempre a la vanguardia.
ATT: El Lagarto
Una duda ysi quiero ponerle una lista de reproduccion cual seria el codigo? por decir que reprodusca 5 melodias.
Excelente.
Una muy buena opcción por sus características.
Me gusta lo minimalista :D
TENGO LA MISMA DUDA QUE EL LAGARTO, SE PUEDE INCLUIR MAS DE UN TEMA? Y DE SER ASI HAY UN LIMITE?
El reproductor no tiene funciones para playlists, es un reproductor de archivos individuales.
Jmiur hola tesoro :)
pude colocar los avatares en los comentarios...una pregunta porque no doy en la tecla:
esta cuadradito blanco donde estoy escribiendo ahora, me queda primero no del mismo tamaño que las cajitas de los comentarios y luego tirado hacia la izquierda...puede eso cambiarse???
Tanti graci y nos vemosssssss
A me sigue gustando mucho www.goear.com, aunque últimamente ponen una cuña de publicidad antes de cada tema y ya me estoy mosqueando.
Tu blog es excelente !! :D
Estoy dando una recorrida, ya te enlacé en seguimiento y coloqué tu botón en mi blog. :)
Y ahora mi "problem":
Se que no tiene nada que ver mi comentario con el post (lo sé, perdón) pero tengo un problema con mi feed nueva. La cree esta tarde, puse para que se suscribieran, y se que hay suscriptos (tampoco ahhhhh que bruto cuantos hay !! Naaaaa, solo seis, pero hay :P ) Bueno, la cosa es que en FeedBurner, cuando ingreso, me sigue diciendo que no tengo suscriptores, CERO, y nadie de los conocidos les llegó la feed a su correo con las actualizaciones.
Seguro que le "pefié" en algo, pero seguro !! Ahora ¿donde? Ni idea, ahí está la cosa ¿dónde?
Porfis, podrías decirme, si no te es mucha molestia, revisando un poco el desastre de mi blog ... QUE HICE con esa bendita feed que no circula.
Gracias !! Y Perdoname que te pida ayuda, pero ya no se que hacer.
Muchas gracias.
Maria Rosa
Graciela: Podrías probar con lo que dice esta entrada. No sé si lo has intentado. Si es así, buscamos otro método.
Maria Rosa: El feed funciona ben, es accesible sin problemas. Puede ser que si es muy reciente, aún no se hatya actualizado. Otra cosa a verificar es ir a la Configuración de Blogger | Feeds del sitio y allí, en Publicar URL redireccionada del feed , colocar la direccion que te ha dado Feedburner:
http://feeds.feedburner.com/feedburner/AMKi
Hola moreno, que digo que si se puede crear un archivo mp3 de tu pc (el mio) y subirlo para que luego lo coja este reproductor?, o dicho de otra forma ¿hay alguna pagina donde alojar tus mp3 como lo hay para imagenes?
Estaras contento vas a tener olimpiadas al lado, yo lloro :(( aunque lo entienda.
JMiur:
¡ Que rapida tu respuesta ! Gracias =)
Si, hice eso, reemplacé la original por la nueva (igualmente la original nunca se va, y la copio y la guardé en un doc. de google, por si las moscas...)
Muchísimas gracias.
Dña. Urraca:
Dos sitios que uso habitualmente son Xoo Image y Fileden.
Maria Rosa:
Recibí tus mails, me alegra que se haya resuelto el problema :)
¿Quiere dejar un comentario?
recuerde que los comentarios están siendo moderados y serán publicados a la brevedad ...
Nota: sólo los miembros de este blog pueden publicar comentarios.
Si le gusta ir a lo seguro utilice este botón para abrir los comentarios en una ventana modal en esta misma pagina.
Si añora tiempos idos, use este enlace para agregar un comentario al viejo estilo ...