sprites de video HTML5

8

Actualmente estoy trabajando en un proyecto en el que se requiere componer de forma dinámica múltiples fuentes de video sincronizadas en un solo lienzo. El prototipo inicial que reuní cargó el video en HTMLVideoElements y luego usé requestAnimFrame (a través de shim de Paul Irish ) para dibujarlos en un solo lienzo y mantener la sincronización entre los diferentes elementos.

Aunque esto es funcional y el sistema puede mantener la sincronización bastante bien (tolerancia de +/- 80 ms), por lo menos es algo ineficiente. He estado pensando en las optimizaciones y un enfoque que parece bastante sencillo es combinar todos los medios en un solo 'video sprite' más grande y servir esto. Esto permitiría que se cargue en un único elemento de video que luego se podría usar para extraer y renderizar las áreas de interés del lado del cliente usando drawImage() y eliminar la necesidad de administrar la sincronización entre las fuentes.

¿Alguien más ha implementado algo similar en el pasado? Si es así, ¿qué enfoque funcionó bien para ti?

    
pregunta Kim Burgess 10.01.2012 - 10:49

1 respuesta

1

¿Has revisado popcorn.js?

Popcorn.js es un marco de medios HTML5 escrito en JavaScript para cineastas, desarrolladores web y cualquier persona que quiera crear medios interactivos basados en el tiempo en la web. Popcorn.js es parte del proyecto Popcorn de Mozilla.

enlace

    
respondido por el tara 07.02.2012 - 22:30

Lea otras preguntas en las etiquetas