フレームごとに色付きの長方形で構成される、オーバーレイされた注釈を含む通常の YouTube ビデオを表示できるようにしたいと考えています。唯一の要件は、これをプログラムで行う必要があるということです。
YouTube には現在アノテーションがありますが、フロント エンドを使用して手動で作成する必要があります。それらを生成できるようになりたいです。これを行う最善の方法は何ですか？
いくつかのアイデア:
- 独自の Flash プレーヤーを作成します (えー?)
- YouTube Flash Player の上に何とか描画します。これは機能しますか？
- YouTube のアノテーション システムをリバース エンジニアリングして乗っ取る。ローカルファイルをいじるか、注釈をダウンロードする試みをリダイレクトします。(Greasemonkey を使用していますか? Firefox プラグインを使用していますか?)
カウントされないアイデア:
ビデオをダウンロードする
YouTube はActionScript APIを提供しています。
これを使用すると、API を使用して動画を Flash にロードし、Flash アプリで動画の上のレイヤーに注釈を作成できます。
または、Flash で何かを作成したくない場合は、YouTube の JavaScript API を使用して、Web ページの YouTube プレーヤー上に HTML DIV を描画できます。WMODE="transparent"プレーヤーをいつparams リストに組み込むかを覚えておいてください。
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 ムービーに注釈を描画できるはずです。
Joe Berkovitz は、「ユーザーがクローズド キャプションのような YouTube ビデオの時間ベースの字幕を作成できるようにするサンプル アプリケーションReviewTubeを作成しました。これらのキャプションは公開され、サイトの訪問者はキャプション付きの一連のビデオを閲覧できます。 YouTubeの「字幕グラフィティウォール」として！」
このアプリは、Flex アプリケーションを構築するための MVCS フレームワーク/アプローチを示すために使用される例です。
http://www.joeberkovitz.com/blog/reviewtube/
これが色付きの四角形などに役立つかどうかはわかりませんが、始めるには適切な場所です。
プレーヤー自体にはJavascript APIがあり、独自のannotation-thingamajig.