以编程方式注释 YouTube 视频

发布于 2024-07-03 23:40:50 字数 1450 浏览 5 评论 0原文

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

凉世弥音 2024-07-10 23:40:50

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

YouTube provides an ActionScript API.

Using this, you could load the videos into Flash using their API and then have your Flash app create the annotations on a layer above the video.

Or, alternatively, if you want to stay away from creating something in Flash, using YouTube's JavaScript API you could draw HTML DIVs over the YouTube player on your web page. Just remember when you embed the player to have WMODE="transparent" in the params list.

So using the example from 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>

And then you should be able to draw your annotations over the YouTube movie using CSS/DHTML.

反目相谮 2024-07-10 23:40:50

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

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

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

不确定这是否有帮助带有彩色矩形和诸如此类的东西,但这是一个不错的起点。

Joe Berkovitz has written a sample application called ReviewTube which "Allows users to create time-based subtitles for any YouTube video, a la closed captioning. These captions become publicly accessible, and visitors to the site can browse the set of videos with captions. Think of it as a “subtitle graffiti wall” for YouTube!"

The app is the example used to demonstrate the MVCS framework/approach for building Flex applications.

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

Not sure if this will help with the colored rectangles and whatnot, but it's a decent place to start.

播放器本身有一个 Javascript API,如果您选择制作您自己的annotation-thingamajig

The player itself has a Javascript API that might be useful for syncing the video if you choose to make your own annotation-thingamajig.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文