46


2

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

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

いくつかのアイデア:

  1. あなた自身のFlashプレーヤーを作る(ew?)

  2. どういうわけかYouTubeのFlashプレーヤーを引き継いでください。 これは機能しますか?

  3. リバースエンジニアリング ローカルファイルをめちゃくちゃにするか、アノテーションをダウンロードする試みをリダイレクトします。 (Greasemonkeyを使う? Firefoxのプラグイン?)

数えられないアイデア:

_ビデオをダウンロード_

3 Answer


17


YouTubeはhttp://code.google.com/apis/youtube/flash_api_reference.html [ActionScript API]を提供しています。

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

あるいは、Flashで何かを作成したくない場合は、YouTubeのJavaScript APIを使用して、Webページ上のYouTubeプレーヤーの上にHTML DIVを描画できます。 プレーヤを埋め込んでparamsリストに `WMODE =" transparent "`を含めることを忘れないでください。

YouTubeの例を使用してください。

    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);

そして、あなたはCSS / DHTMLを使ってYouTubeの映画の上にあなたの注釈を描くことができるはずです。


8


Joe Berkovitzさんは「ReviewTube」と呼ばれるサンプルアプリケーションを作成しました。 これらのキャプションは一般にアクセス可能になり、サイトへの訪問者はキャプション付きのビデオのセットを閲覧することができます。 それをYouTubeの「字幕落書きの壁」と考えてください。

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

これが色付きの長方形やその他のことに役立つかどうかはわかりませんが、開始するのに適切な場所です。


4


プレーヤ自体にhttp://code.google.com/apis/youtube/js_api_reference.html [Javascript API]があり、独自の `annotation-thingamajig`を作成することを選択した場合、動画の同期に役立ちます。