Santos Ramón

Desarrollo de juegos, aplicaciones web y móviles

Insert Ustream with static FBML

without comments

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=1'
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.

Written by Santos Ramón

September 17th, 2010 at 9:07 am

Posted in Facebook

Leave a Reply