以编程方式注释YouTube视频

YouTube提供了 ActionScript API .

使用此功能,您可以使用其API将视频加载到Flash中,然后让您的Flash应用程序在视频上方的一层上创建注释。

或者,如果您不想在Flash中创建内容,可以使用YouTube的JavaScript API在网页上的YouTube播放器上绘制HTML div。记住当你嵌入播放器时 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电影上绘制注释。

JoeBerkovitz编写了一个名为 ReviewTube 它“允许用户为任何YouTube视频创建基于时间的字幕,即la闭路字幕。这些字幕可以公开访问,网站访问者可以浏览带有字幕的视频集。可以将其视为YouTube的字幕涂鸦墙!”

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

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

不确定这是否对彩色矩形等有帮助,但这是一个不错的开始。

玩家本身有 Javascript API 如果您选择制作自己的视频,这可能对同步视频很有用 annotation-thingamajig .