miércoles, 11 de abril de 2012

Wysiwyg - Grabación de Vídeo

VirtualNet 2.0, cuenta con un editor HTML o WYSIWYG (What You See Is What You Get - "lo que ves es lo que obtienes"), el cual le permite a los usuarios del sistema agregar imágenes, enlaces a otras páginas y insertar contenidos de otros sitios.

La librería usada es la llamada Ckeditor, la cual da varias posibilidades, desde la de personalizar que opciones tendrá el editor en determinadas ocasiones o como es el presente caso, crear una opción propia, gracias a la posibilidad de hacer uso de la API con la que cuenta.

Se presentó la necesidad en la cual los usuarios tuvieran la opción de realizar grabaciones de si mismos, sin requerir el uso de un servicio de terceros, por lo que se optó en dotar al editor de está capacidad, en este caso se ha hecho uso del servicio RED5, el cual da la capacidad de realizar grabaciones en tiempo real, y además haciendo uso de las funciones provistas en Adobe Flash en el acceso a la webcam de un equipo.

El protocolo usado para la grabación y posterior ejecución de un vídeo, es conocido como RTMP, para fines de proceso de grabación, se ha desarrollado un player en Adobe Flash, el cual haciendo uso de RED5 y la webcam del usuario, genera un archivo en formato FLV, el cual es alojado un servidor especialmente configurado para el funcionamiento del servicio RED5.

Por último para la ejecución del vídeo, debido a que no es realizado a través de Streaming, sino en este caso a través del uso de RTMP, se ha hecho uso del reproductor jwplayer, el cual a través de una serie de parámetros, otorga la capacidad de ejecución de las grabaciones realizadas...

A continuación, se relacionan una serie de capturas que de muestran el proceso realizado:

Vista de la opción de grabar vídeo



 Solicitud de uso de la webcam del usuario por parte de la aplicación

 Grabación del vídeo

 Reproducción del vídeo, haciendo uso del Player jwplayer.


Está característica, permite que los usuarios puedan realizar intervenciones mucho más ricas, aparte de la inclusión de demás elementos.