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&brand=embed&cid=637790&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&brand=embed&cid=637790&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‘ OJO
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:
Excelente amigo , lo buscque por todos lados y no hay nada. Muy beun trabajo
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...!!!
Publicar un comentario