【ハウツー】
FlashからYouTubeAPIを手軽に利用する方法
5 YouTube検索Flashを作ってみる
道家陽介
[2006/09/29]
実際にムービーのサムネイルリストを作る
さてクラスを作っただけではもったいないので、これらを利用してムービーをリスト表示するFlashを作成してみます。今度は「タグ検索機能」を利用します。
YouTubeには多くのムービーがあり、それらはタグ付けされて検索したり関連付けたりしやすくなっています。現在、一度に取得できる件数に制限があり、取得件数と何ページ目かを指定することもできます。初期値は20件ごとで1ページ目です。
page = N
per_page = M
per_page = M
これを利用してリストからサムネイル一覧を作成します。
さきほど下準備したおかげで、実際の作業はオブジェクト配列をforなどで順繰りにまわすだけでOKです。
listener.stage_mc = this.state_mc;// ステージ上のMC
listener.onSuccess = function ( video_list:Object ) {
var mcLoader:MovieClipLoader = new MovieClipLoader();
mcLoader.onLoadInit = function ( target_mc ) {
//整形処理
}
//
var col = 5;
var list:Array = video_list.video;
for( var i=0; i<list.length; ++i ) {
var thumbnail_mc = this.stage_mc.createEmptyMovieClip("thumbnail"+i, i);
var thumbnail_url = list[i].thumbnail_url;
var load_mc = thumbnail_mc.createEmptyMovieClip("body", 0);
mcLoader.loadClip( thumbnail_url, load_mc );
}
}
listener.onSuccess = function ( video_list:Object ) {
var mcLoader:MovieClipLoader = new MovieClipLoader();
mcLoader.onLoadInit = function ( target_mc ) {
//整形処理
}
//
var col = 5;
var list:Array = video_list.video;
for( var i=0; i<list.length; ++i ) {
var thumbnail_mc = this.stage_mc.createEmptyMovieClip("thumbnail"+i, i);
var thumbnail_url = list[i].thumbnail_url;
var load_mc = thumbnail_mc.createEmptyMovieClip("body", 0);
mcLoader.loadClip( thumbnail_url, load_mc );
}
}
せっかくなのでYouTube内のムービーへのリンク先があるので、クリックするとムービーページが開くようにしてみます。サムネイルのロードのあとに以下のコードを追加します。
thumbnail_mc.detail = list[i]; // 個別のムービー情報
thumbnail_mc.onRelease = function () {
getURL( this. detail.url, "_blank" );
}
thumbnail_mc.onRelease = function () {
getURL( this. detail.url, "_blank" );
}
これで簡易に検索して表示するだけではありますがYouTube検索Flashの出来上がりです。
 |
| 完成したYouTube検索Flash |
最終的に調整してまとめたものが下記です。ユーザIDとデベロッパーIDを書き換えて利用してください。
以下のリンクからドライバーをダウンロードしてください
youtube_driver.zip - ドライバーの圧縮ファイル(zip形式:93KB)
面倒にみえたAPIの扱いも案外簡単につかえることがおわかりいただけたでしょうか? このほかにもレート順にソートしたり、サムネイル画像の扱いを工夫したりすることで、使いやすいものや、おもしろい見せ方を考えられると思います。
みなさんもYouTubeや他のAPIサービスを利用していろいろ作ってみてください。
道家陽介( 面白法人カヤック)
新着記事
| 【インタビュー】映画『メン・イン・ブラック3』のソネンフェルド監督が語る撮影秘話 [16:00 5/24] |
| 自分のカラダでフォントを作る「Font Me」体験イベント開催 - アドビ [14:45 5/24] |
| 清川あさみ×映画『グスコーブドリの伝記』、絵本制作＆原画展が決定 [14:22 5/24] |
| 【連載】ペンタブレット「Intuos5」を用いた作業効率アップ術 第1回 序章～ペンタブレットと私の歴史～ [12:29 5/24] |
| コルグ、移調機能付き管／弦楽器用クリップ式チューナー「AW-2+」発売 [18:06 5/23] |
特設サイトの情報
人気記事
一覧イチオシ記事
新着記事
|
リアル脱出ゲーム×バイオハザード「ある廃病院からの脱出」開催 [19:19 5/24] エンタメ |
|
［イ・スンギ］一夜限りのスペシャルライブをWOWOWで放送 密着ドキュメンタリーも [19:18 5/24] ホビー |
|
イー・アクセス、LTE対応USB型データ端末「GL03D」を6月1日発売 [19:18 5/24] 携帯 |
|
【レポート】イー・アクセス、USB型データ端末「GL03D」を6月1日発売 - EMOBILE LTE対応 [19:12 5/24] 携帯 |
|
PS Vita『NEXT HATSUNE MIKU Project DIVA(仮称)』の正式タイトルが決定 [19:05 5/24] ホビー |
サービス一覧
