以編程方式註釋YouTube視頻

Question

我希望能夠顯示帶有重疊註釋的常規YouTube視頻，其中每個框架都包含彩色矩形。唯一的要求是這應該以編程方式完成。

YouTube現在有註釋，但要求您使用他們的前端手動創建它們。我想能夠生成它們。這樣做的最好方法是什麼？

一些想法：

1. 構建自己的Flash播放器（EW？）
2. 不知怎麼畫到YouTube的Flash播放器。這會工作嗎？
3. 逆向工程&劫持YouTube的註釋系統。無論是與本地文件混淆還是重定向嘗試下載註釋。 （？使用Greasemonkey的Firefox插件？）

理念不計：

下載視頻

Answer 1

玩家本身有一個Javascript API這可能是有用的同步視頻如果你選擇自己製作annotation-thingamajig。

Answer 2

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視頻吸引您的註釋。

Answer 3

Joe Berkovitz編寫了一個示例應用程序，名爲ReviewTube，該應用程序允許用戶爲任何YouTube視頻創建基於時間的字幕，隱藏式字幕這些字幕可公開訪問，並且該網站的訪問者可以瀏覽該組視頻帶有標題，把它想象成YouTube的「字幕塗鴉牆」！「

該應用程序是用於演示構建Flex應用程序的MVCS框架/方法的示例。

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

不知道這是否會與彩色矩形和諸如此類的東西幫助，但它是一個不錯的開端。