カントリーモーニング(仮)

しがないサラリーマンが不定期に更新する雑記帳。
<< 【X01T】徹底理解。 | main | 【YouTube】カラオケセット。 >>
スポンサーサイト

一定期間更新がないため広告を表示しています

| - | | - | - | pookmark |
【YouTube】自動連続再生。
入力された検索ワードからYouTubeコンテンツを任意に選択し、
自動で関連動画を連続再生させるオンラインプレイヤを作成してみました。


AutoUTube


1. 検索ワードから動画リストを10件取得し、ランダムで1件選択・再生
2. 再生を行った動画の関連動画リストを30件取得し、ランダムで1件選択・再生
3. 2. を繰り返す
・スキップボタン押下で再生中のコンテンツ終端にジャンプ
・アドレス表示ボタン押下で、現在再生中のURL表示


備忘録を兼ねて、詳細を下記します。
=====================
動画リストの取得・取得コンテンツの再生 には、
公開されている YouTube操作APIを使用。
動画リスト取得処理や YouTubeプレイヤの操作関数を記述(JavaScript)した HTML と
それらの処理を呼び出す FLASH とで構成される。

【HTML側処理】
動画リスト取得
検索ワードからの リスト取得は、以下に要求を発行することで実現。
----------------------------------------------------
http://gdata.youtube.com/feeds/api/videos?vq=[検索ワード]&max-result=[検索件数]&alt=json-in-script&callback=[コールバック関数]
----------------------------------------------------
JSONフォーマットで URL取得が可能、指定しておいたコールバック関数内で処理。
----------------------------------------------------
data.feed.entry[リストNo].media$group.media$player[0].url
----------------------------------------------------
また、動画IDから関連URLを取得する場合は、
[検索ワード]の部分を 「[VideoID]/related/」 とする。

プレイヤ操作関数定義
YouTube API で規定されている操作関数を使用。
・動画ID指定再生 : loadVideoById(VideoID)
→ 取得した動画URLから、v=? 以下の 11桁を切り出した値をVideoIDとして引数に指定
・コンテンツ終端遷移 : seekTo(getDuration()-1);
→ (総再生時間-1秒)の箇所へシーク

イベント処理
再生終了のイベントを拾い(onStateChange)、
次コンテンツの動画リスト取得・再生処理を呼び出す

YouTubeクロムレスプレイヤ&プレイヤUI埋め込み
FLASH上で プレイヤUI自体に クロムレスプレイヤを埋め込むのが
本来の使用方法と思われるが、JavaScript関数の明示的呼び出しとするため、
HTML上で、プレイヤUI上にクロムレスプレイヤを重ね合わせることで実現している。

【FLASH側処理】
作成には、フリーソフト Suzuka を使用。
それぞれのボタンの ActonScript に HTML側に記載した JavaScript関数の呼び出し処理を記述

JavaScript側の 呼び出しには、以下を使用。
--------------------------------
getURL("javascript:[関数()]");
--------------------------------

ツンデレ気候。
ツンデレカルタ2008~日本の夏!ツンデレの夏!~
ツンデレカルタ2008~日本の夏!ツンデレの夏!~

| YouTube | 01:34 | comments(0) | trackbacks(0) | pookmark |
スポンサーサイト
| - | 01:34 | - | - | pookmark |
デザイングッズストア。
CALENDAR
S M T W T F S
     12
3456789
10111213141516
17181920212223
24252627282930
31      
<< May 2020 >>
SPONSORED LINKS
AMAZON RECOMMEND
ハァハァCD
ハァハァCD (JUGEMレビュー »)
オムニバス,白雪みるく,河原木志穂,くーたん,森永まみ,たぬまゆみ
SELECTED ENTRIES
CATEGORIES
ARCHIVES
RECENT COMMENT
デザイングッズストア。
心頭MakeUp Tシャツ。
2009_09_18_11_39_28
コメント
コメントする









この記事のトラックバックURL
トラックバック機能は終了しました。
トラックバック
ブロカン
サンプル・モニターの口コミ広告ならブロカン
おしゃれショップ「かさぶた人生」
MOBILE
qrcode
LINKS
PROFILE