Annotation programmatique des vidéos YouTube

Question

Je souhaite pouvoir afficher une vidéo YouTube normale avec des annotations superposées, consistant en des rectangles de couleur pour chaque image. La seule exigence est que cela soit fait de manière programmatique.

YouTube propose désormais des annotations, mais vous devez utiliser leur interface pour les créer manuellement. Je veux être en mesure de les générer. Quel est le meilleur moyen de le faire ?

Quelques idées :

1. Construisez votre propre lecteur Flash (ew ?)
2. D'une manière ou d'une autre, on a tiré sur le lecteur Flash de YouTube. Est-ce que ça va marcher ?
3. Rétro-ingénierie et détournement du système d'annotation de YouTube. Soit en jouant avec les fichiers locaux, soit en redirigeant sa tentative de télécharger les annotations. (en utilisant Greasemonkey ? plugin Firefox ?)

Une idée qui ne compte pas :

télécharger la vidéo

Answer 1

YouTube fournit un API ActionScript .

Ainsi, vous pourriez charger les vidéos dans Flash à l'aide de leur API, puis faire en sorte que votre application Flash crée les annotations sur une couche au-dessus de la vidéo.

Ou, si vous ne voulez pas créer quelque chose en Flash, vous pouvez utiliser l'API JavaScript de YouTube pour dessiner des DIV HTML sur le lecteur YouTube de votre page Web. N'oubliez pas, lorsque vous intégrez le lecteur, d'avoir WMODE="transparent" dans la liste des paramètres.

Donc, en utilisant l'exemple 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>

Vous devriez ensuite être en mesure de dessiner vos annotations sur la vidéo YouTube à l'aide de CSS/DHTML.

Answer 2

Joe Berkovitz a écrit un exemple d'application appelé ReviewTube qui "permet aux utilisateurs de créer des sous-titres temporels pour toute vidéo YouTube, à la manière du sous-titrage. Ces sous-titres deviennent accessibles au public, et les visiteurs du site peuvent parcourir l'ensemble des vidéos sous-titrées. Pensez-y comme à un "mur de graffitis de sous-titres" pour YouTube !"

L'application est l'exemple utilisé pour démontrer le cadre/approche MVCS pour la création d'applications Flex.

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

Je ne sais pas si cela vous aidera pour les rectangles de couleur et autres, mais c'est un bon point de départ.

Answer 3

Le lecteur lui-même a un API Javascript qui pourrait être utile pour la synchronisation de la vidéo si vous choisissez de faire votre propre annotation-thingamajig .