以编程方式注释YouTube视频

Question

我希望能够显示带有重叠注释的普通YouTube视频，每个帧包含彩色矩形。唯一的要求是这应该以编程方式完成。

YouTube现在有注释，但要求您使用他们的前端手动创建它们。我希望能够生成它们。这样做的最佳方式是什么？

一些想法：

  

  
1. 构建自己的Flash播放器（ew？）
  
2. 以某种方式吸引YouTube Flash播放器。这会有用吗？
  
3. 逆向工程＆amp;劫持YouTube的注释系统。要么弄乱本地文件，要么重定向其下载尝试   注释。 （使用Greasemonkey？Firefox插件？）
  

不计的想法：

  

下载视频

Answer 1

YouTube提供了ActionScript API。

使用此功能，您可以使用API​​将视频加载到Flash中，然后让Flash应用在视频上方的图层上创建注释。

或者，如果您想远离在Flash中创建内容，使用YouTube的JavaScript API，您可以在网页上的YouTube播放器上绘制HTML DIV。只记得当你将玩家嵌入params列表中时WMODE="transparent"。

所以使用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>

然后你应该能够使用CSS / DHTML在YouTube电影上绘制注释。

Answer 2

Joe Berkovitz编写了一个名为ReviewTube的示例应用程序，“允许用户为任何YouTube视频创建基于时间的字幕，这是一个隐藏式字幕。这些字幕可以公开访问，并且该网站的访问者可以浏览一组带有字幕的视频。把它当作YouTube的“字幕涂鸦墙”吧！“

该应用程序是用于演示用于构建Flex应用程序的MVCS框架/方法的示例。

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

不确定这是否有助于彩色矩形等等，但它是一个不错的起点。

Answer 3

如果您选择制作自己的annotation-thingamajig，则播放器本身有一个Javascript API可能对同步视频很有用。