Anotando videos de YouTube programáticamente

Question

Quiero poder mostrar un video de YouTube normal con anotaciones superpuestas, que consiste en rectángulos de colores para cada fotograma. El único requisito es que esto debe hacerse de forma programática.

YouTube tiene anotaciones ahora, pero es necesario que utilice su interfaz para crearlas a mano. Quiero poder generarlos. ¿Cuál es la mejor manera de hacer esto?

Algunas ideas:

1. construir su propio flash player (ew?)
2. De alguna manera dibujan sobre el reproductor de YouTube flash. esto funcionara?
3. Reverse engineer & secuestro del sistema de anotación de YouTube. O jugando con los archivos locales o redirigiendo su intento de descargar las anotaciones. (Usando el plugin de Firefox Greasemonkey??)

idea de que no cuenta:

descargar el video

Answer 1

El reproductor en sí tiene una Javascript API que podría ser útil para sincronizar el video si elige hacer su propio annotation-thingamajig.

Answer 2

YouTube proporciona un ActionScript API.

Utilizando esto, puede cargar los videos en Flash usando su API y luego hacer que su aplicación Flash cree las anotaciones en una capa encima del video.

O, como alternativa, si quiere evitar la creación de algo en Flash, con la API de JavaScript de YouTube puede dibujar HTML DIV sobre el reproductor de YouTube en su página web. Solo recuerda cuando incrusta el jugador para tener WMODE="transparent" en la lista de params.

Así, utilizando el ejemplo de YouTube:

<script type="text/javascript"> 

    var params = { allowScriptAccess: "always" }; 
    var atts = { id: "myytplayer", wmode: "transparent" }; 
    swfobject.embedSWF("http://www.youtube.com/v/VIDEO_ID&enablejsapi=1&playerapiid=ytplayer", 
         "ytapiplayer", "425", "356", "8", null, null, params, atts); 

    </script> 

Y entonces usted debería ser capaz de sacar sus anotaciones sobre la película de YouTube usando CSS/DHTML.

Answer 3

Joe Berkovitz ha escrito una aplicación de muestra llamada ReviewTube que "Permite a los usuarios crear subtítulos temporales para cualquier video de YouTube, subtítulos a la vista. Estos subtítulos se vuelven públicamente accesibles y los visitantes del sitio pueden navegar por el conjunto de videos con subtítulos. ¡Piénselo como un "muro de graffiti de subtítulos" para YouTube! "

La aplicación es el ejemplo utilizado para demostrar el marco/enfoque de MVCS para crear aplicaciones Flex.

http://www.joeberkovitz.com/blog/reviewtube/

No estoy seguro si esto ayudará con los rectángulos de color y todo eso, pero es un buen lugar para comenzar.