Vide-ox

Manipulando videos de YouTube (2ª parte) : Vagabundia

Manipulando videos de YouTube (2ª parte)

En la primera parte de Manipulando videos de YouTube mostraba que no es necesario utilizar el reproductor de Google para reproducir videos y que para esto, se requería conocer la dirección del archivo FLV, algo que podía conseguirse utilizando los servicios de GooTube FLV Retriever donde, colocando la URL tal como la brinda YouTube:
http://www.youtube.com/watch?v=cHQZBXJxCbA
nos devuelve la URL del archivo FLV:
http://chi-v65.chi.youtube.com/get_video?video_id=RJ_fhIzpIwA

Aparte de ser un ejercicio de experimentación, este sistema, nos permite personalizar los reproductores. En la web, hay decenas de ellos y, cada uno tiene sus propias características.

En Freddy iz Badd hay uno que admite la ejecución de listas y, aunque las explicaciones de la página apuntan a usuarios de MySpace, puede adaptarse perfectamente a Blogger. En un ZIP, proveen el reproductor SWF, una lista de ejemplo en formato XML y un archivo de ayuda.

Los dos archivos necesarios, el reproductor y la lista, deben alojarse en el mismo servidor, en este caso, los subí a Google Page Creator.

El resultado final, con los valores por defecto es este:

El código requerido para utilizarlo, es similar al que usamos para insertar cualquier otro objeto SWF:

<object width="ancho" height="alto" id="movie"
type="application/x-shockwave-flash"
data="URLreproductorSWF">
<param name="movie" value="URLreproductorSWF" />
<param name="flashvars" value="file=URLlistaXML&displaywidth=ancho" />
</object>

Hay que tener en cuenta que el ancho especificado en width es el del reproductor, incluyendo la lista; y el ancho del área donde se verá el video está determinado por displaywidth así que, la diferencia entre ambos valores, nos dará el ancho de la lista.

Como siempre, todo el código debe estar escrito sin saltos de línea.

La lista, en formato XML puede hacerse con cualquier procesador de texto y tiene la siguiente estructura:

<playlist version="1" xmlns="http://xspf.org/ns/0/">
<trackList>

<track>
<title>Texto que se va a mostrar</title>
<location>URLarchivo.flv</location>
</track>

<track> [ ....... ] </track>

[ ....... cada uno de los títulos a mostrar ....... ]

</trackList>
</playlist>

Para que funcione correctamente, los archivos deben tener una extensión (terminar con .flv) así que, debemos agregársela manualmente y, en lugar de escribir:
http://chi-v65.chi.youtube.com/get_video?video_id=RJ_fhIzpIwA
debemos escribir:
http://chi-v65.chi.youtube.com/get_video?video_id=RJ_fhIzpIwA.flv

Este reproductor también puede usarse para mostrar imágenes. En ese caso, el procedimiento es el mismo y la extensión debe ser .jpg o .jpeg. En la lista pueden combinarse videos e imágenes.

La personalización del reproductor se hace utilizando parámetros que se agregan en la etiqueta:

<param name="flashvars" value="file=URLlistaXML¶metro1&amp;parametro2¶metro3" />

Los parámetros aceptados son los siguientes:

displaywidth=valor ancho (en pixeles) del área donde se muestran los videos
backcolor=0x000000 el color de fondo (valor hexadecimal)
frontcolor=0x000000 el color de los textos y los controles (valor hexadecimal)
lightcolor=0x el color cuando se pasa el puntero del ratón sobre la lista (valor hexadecimal)
showdigits=false|true oculta o muestra la longitud y el tiempo
autostart=false|true habilita o deshabilita el autoarranque
repeat=false|true permite repetir cada pista de manera automática
shuffle=false|true permite ejecutar los videos aleatoriamente
volume=valor volumen inicial (por defecto=80, máximo=100)
thumbsinplaylist=false|true permite mostrar una imagen al lado de cada pista
overstretch=false|true si queremos reproducir imágenes, hay que ponerlo en true cuando la imagen es más chica que el reproductor
autoscroll=false|true si es true, la lista puede hacer un scroll automático

Si utilizamos la opción thumbsinplaylist=true, la imagen que queremos utilizar se debe agregar a la lista XML; por ejemplo:

<track>
<title>Texto que se va a mostrar</title>
<location>URLarchivo.flv</location>
<image>URLimagen.jpg</image>
</track>

Los parámetros son optativos, pueden usarse todos o sólo algunos y el orden en que son colocados carece de importancia. Se agregan siempre después de la URL del archivo XML y van precedidos por el símbolo &. No debe haber caracteres espacios.

En el siguiente ejemplo, la línea de código utilizada es esta:

12 comentarios:

Gem@: A ver si otro día haces un tutorial sobre Google Page Creator o cualquier otro servicio para alojar archivos por ejemplo plantillas o similar ;)
La entrada es muy buena, perdona que mi comentario no guarde relación con ella :(; 2:07 PM
JMiur: Tomo nota del pedido, justo anoche estaba pensando en eso. Parece que me lees la mente :D; 4:21 PM
Gem@: !Vaya¡ te sumas a la gran lista de personas que opinan igual, al final terminaré creyéndolo :); 12:02 PM
Anónimo: hola soy un usuario de tu pagina .. pero me quiero suscribir para que me llegue un boletin a mi e- mail...... la forma en la que yo conozo en donde puedo hacer esto en en FEEDBLITZ... asi que no hay otra forma en la que mpuedas decir como me puede llegar un boletin a mi correios; 1:00 PM
JMiur: Anonimo: realmente nunca se me había ocurrido ponerlo pero, acabo de activarlo utilizando Feedburner y veremos que ocurrre :); 3:18 PM
Dario: Saludos...me podrias decir como hacer para que los videos se reproduscan consecutivamente luego de terminar cada uno pase al siguiente; 1:36 PM
JMiur: Realmente no lo sé ¿has probado poniendo autoplay en true?; 3:05 PM
Erick: Hola,

es de gran ayuda el tema, pero hay alguna manera de que el video youtube lo pueda subir a un .flv?

de Flash 8??

estoy batallando un poco con eso, se agradeceria su respuesta; 7:05 PM
JMiur: No conozco el manejo de Flash pero sé que permite importar o manipular archivos FLV.; 7:47 PM
Anónimo: Hola Jmiur, te hago una consulta, estoy tratando de implementar este codigo en mi web pero no logro que se vean los .FLV, ahora mismo en tu pag no los puedo ver, es un error en el codigo o sera que estoy usando windows vista?
Gracias
Marcelo; 6:37 PM
Anónimo: estimado Jmiur es posible que te contactes con migo y me puedas enviar un archivo rar con el odigo de este reproductor para poder alterarlo ya que en la pagina del reproductor me entregan un codigo que no se como poder activarlo y al usar xlm tampoco los puedo ver contactame si puedes por msn battletoads@hotmail.com saludos y se agradece de antemano; 12:34 AM
JMiur: No he tenido problemas para descargarlo pero, igual te envio el ZIP por mail.; 1:51 AM

¿Quiere dejar un comentario?

Utilice el formulario adjunto para comunicarse.

Agregar un comentario al viejo estilo ...

Enlaces

¿QUIÉN SOY?

JMiur
Buenos Aires Argentina
BIOGRAFIA APÓCRIFA Nacido en el tercer mundo. Un santo varón. Buenos Aires. Los elefantes. Las golondrinas de Plaza de Mayo. Me chupo el dedo. El tiempo es veloz. ¿No ves que ya no somos chiquitos? Despedida de la infancia. Todo es efímero. Juguetes perdidos. Dime quién me lo robó. Aprendizaje. Soy un hippie. Rutas argentinas. Sobredosis de TV. Raros peinados nuevos. Más de cien mentiras. Delirium tremens. Ciudad de pobres corazones. El karma de vivir al sur. Mundo de quimeras. Oh Dios, ¿Qué puedo hacer? Cuando era más joven. Los mayores del mundo. Botas locas. Rejas electrificadas. Cerca de la revolución. Contra todos los males de este mundo. La casa desaparecida. Tumbas de la gloria. Vencedores vencidos. Carguen, apunten, fuego. Estás frito angelito. A lo mejor aún te acuerdas. Ah, te vi entre las luces. Muchacha. Amor se llama el juego. Juego de seducción. Mi genio amor. Prométeme que nunca me dirás adiós. Pequeñas delicias de la vida conyugal. Toda la vida tiene música hoy. Es hora de levantare, querido (dormiste bien?). Resumiendo. Mi sueño de hoy. La sed verdadera. La búsqueda de la estrella. Todos juntos. ¡Ah! Basta de pensar. Esto es to-to-todo amigos. Biografía apócrifa