以编程方式注释 YouTube 视频 [关闭]

Posted 2023-02-24

【中文标题】以编程方式注释 YouTube 视频 [关闭]

【英文标题】：Annotating YouTube videos programmatically [closed]

【发布时间】：2010-09-05 05:41:40

【问题描述】：

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

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

一些想法：

构建您自己的 Flash 播放器（ew？） 不知何故在 YouTube Flash 播放器上绘图。这行得通吗？ 逆向工程和劫持 YouTube 的注释系统。弄乱本地文件或重定向其下载尝试 注释。 （使用 Greasemonkey？Firefox 插件？）

不重要的想法：

下载视频

【参考方案1】：

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 电影上绘制注释。

【讨论】：

JS api 的问题是你不能让注释或其他任何东西在全屏模式下工作......如果你知道一种方法，那么我很乐意听到 :)

【参考方案2】：

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

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

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

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

【参考方案3】：

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