lunes, 4 de octubre de 2010

Inserta ustream a una pagina de Facebook

Articulo Principal: Insert Ustream with static FBML

Hace unos días teníamos que hacer una transmisión de video en vivo para un cliente vía su Like/Fan Page.


Decidimos utilizar el servicio de USTREAM para el streaming de video porque es uno de los mejores.

Para insertar cualquier elemento (en este caso el video en vivo) dentro de una pestaña de Facebook necesitamos utilizar código FBML.


Empecé el google search con ustream fbml static y no encontré nada que resuelva mi problema exactamente así que modifiqué la búsqueda a youtube fbml static y encontré esto:



<fb:swf

swfbgcolor=”000000″ imgstyle=”border-width:3px; border-color:white;”

swfsrc=’http://www.youtube.com/v/JOt2Qp0H9G8

imgsrc=’http://img.youtube.com/vi/JOt2Qp0H9G8/2.jpg’ width=’340′ height=’270′ />


Luego un par de neuronas hicieron conexión y recordé que USTREAM da servicio de embeder por HTML con un código como este:


<object classid=”clsid:d27cdb6e-ae6d-11cf-96b8-444553540000″ width=”400″ height=”251″ id=”utv658922″><param name=”flashvars” value=”autoplay=false&amp;brand=embed&amp;cid=637790&amp;locale=en_US”/><param name=”allowfullscreen” value=”true”/><param name=”allowscriptaccess” value=”always”/><param name=”movie” value=”http://www.ustream.tv/flash/live/1/637790?v3=1″/><embed flashvars=”autoplay=false&amp;brand=embed&amp;cid=637790&amp;locale=en_US” width=”400″ height=”251″ allowfullscreen=”true” allowscriptaccess=”always” id=”utv658922″ name=”utv_n_816458″ src=”http://www.ustream.tv/flash/live/1/637790?v3=1” type=”application/x-shockwave-flash” /></object>



Lo que sigue es intercambiar las partes que he señalado con negrita


<fb:swf

swfbgcolor=”000000″ imgstyle=”border-width:3px; border-color:white;”

swfsrc=’http://www.ustream.tv/flash/live/1/637790?v3=1OJO

imgsrc=’http://img.youtube.com/vi/JOt2Qp0H9G8/2.jpg’ width=’340′ height=’270′ />


Sólo faltaría modificar la url de la imagen previa antes de cargar el video


imgsrc=’http://img.youtube.com/vi/JOt2Qp0H9G8/2.jpg’


Parece algo elemental pero no encontré nada en google =)



PD: USTREAM ofrece un servicio de hacer la conexión con facebook pero no es automatizado debes completar un formulario y esperar por la respuesta 2 semanas por lo menos.

2 comentarios:

Nicolas dijo...

Excelente amigo , lo buscque por todos lados y no hay nada. Muy beun trabajo

Chitiriti dijo...

Mira mi página de Facebook haber si esto es lo que buscas , se podría llamar landing page , pero no está pensada para noobs...!!!