[pyar] video2py: app HTML5 colaborativa para compaginar filmaciones de PyCon Arg. 2012

[Mariano Reingart]

Estimados:

Para los videos de PyCon Argentina 2012 estamos organizando un sitio
colaborativo para hacer la "post-producción": combinar la filmación
con la presentación (slides), subtitulos y notas adicionales.

Pueden ver un primer ejemplo en:

http://ar.pycon.org/video2py

IMPORTANTE: es una prueba de concepto, ni el video ni los slides ni
los subtitulos coinciden ni están compaginados, simplemente esta
armado para mostrar como sería (de hecho, solo dura 1 minuto para
probar la sincronización con el video). Les dejo el screenshot por si
no les anda (tienen que tener un navegador moderno y actualizado):

http://ar.pycon.org/video2py/static/images/screenshot.png

La app es muy simple, y básicamente usa la biblioteca Popcorn.js de
mozilla para manejar el video html5:

http://popcornjs.org/

Pueden ver el código fuente en:

https://code.google.com/p/video2py/

Ya esta codificado el modelo y ABM de videos, slides, subtitulos, faltaría:

 - un método simple para sincronizar las slides
 - un método simple para escribir y sincronizar los subtitulos

Mi idea es hacerlo interactivo: a medida de que se vaya mostrando el
video el usuario pueda ir eligiendo la diapositiva o escribiendo los
subtitulos.
Se puede usar Popcorn.currentTime() para tener el tiempo de inicio y
final de cada slide / subtitulo, y luego llamar a un método con ajax
para grabar esos datos.

http://popcornjs.org/popcorn-docs/media-methods/#currentTime
http://popcornjs.org/popcorn-docs/events/

Lo principal sería poder mostrar las slides con un botón "siguiente",
así a medida que se se van avanzando, quedan grabados esos tiempos y
luego se pueden ir mostrando automáticamente.

Para los subtitulos es más complicado, porque habría que detectar la
última pausa (tiempo inicio), habilitar un textbox, y al hacer play
grabar el texto incluyendo el tiempo final (los tiempos no
sincronizarían exactamente con la voz, pero creo que es una buena
aproximación).

No hace falta que armen codigo en web2py (ni django ni nada), de hecho
si me pasan un ejemplo en HTML, yo lo puedo adaptar, simplemente
necesitaría la parte de la UI.

Cuanto antes esté esto terminado, más rápido tendríamos los videos de
PyConArg2012 subidos, compaginados y traducidos!

Sds

Mariano Reingart
http://www.sistemasagiles.com.ar
http://reingart.blogspot.com