プログラムによる YouTube 動画の注釈付け [終了]

Question

各フレームの色付きの長方形で構成される、オーバーレイされた注釈を含む通常の YouTube ビデオを表示できるようにしたいと考えています。唯一の要件は、これをプログラムで実行することです。

YouTube には注釈が追加されましたが、フロントエンドを使用して手動で作成する必要があります。それらを生成できるようにしたいです。これを行う最善の方法は何ですか?

いくつかのアイデア:

1. 独自の Flash プレーヤーを構築します (え?)
2. YouTube Flash Player 上に何とか描画してみます。これはうまくいきますか？
3. YouTube の注釈システムをリバース エンジニアリングしてハイジャックします。ローカルファイルをいじり、注釈をダウンロードしようとする試みをリダイレクトします。(Greasemonkey を使用していますか?Firefox プラグイン?)

重要ではないアイデア:

ビデオをダウンロードする

Answer 1

YouTube が提供するのは、 アクションスクリプト API.

これを使用すると、API を使用してビデオを Flash にロードし、Flash アプリでビデオの上のレイヤーに注釈を作成できます。

あるいは、Flash で何かを作成したくない場合は、YouTube の JavaScript API を使用して、Web ページ上の 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 2

Joe Berkovitz は、というサンプル アプリケーションを作成しました。 ReviewTube これにより、ユーザーはあらゆる YouTube 動画に時間ベースの字幕、つまりクローズド キャプションを作成できるようになります。これらのキャプションは一般にアクセスできるようになり、サイトの訪問者はキャプション付きの一連のビデオを閲覧できます。YouTube の「字幕落書きの壁」と考えてください。

このアプリは、Flex アプリケーションを構築するための MVCS フレームワーク/アプローチを示すために使用される例です。

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

これが色付きの四角形などに役立つかどうかはわかりませんが、始めるには適切な場所です。

Answer 3

プレーヤー自体には、 JavaScript API 独自に作成することを選択した場合、ビデオを同期するのに役立つ可能性があります。 annotation-thingamajig.