F.Ko-Jiの「一秒後は未来」

Googleマップの地図代わりにYouTubeのサムネイル画像をスクロール表示する「YouTube Slideshow on Google Maps」

youtube-slideshow-logo.png

Flickr SlideShow のYouTubeバージョンです。Googleマップのタイルレイヤー(地図画像)をYouTubeのサムネイル画像で置き換えて表示させています。

以下簡単に操作の説明を。

youtube-slideshow-screenshot.gif

▲ スクリーンショット。検索ワードのデフォルトを「しょこたん」にしています。

youtube-slideshow-search-form.gif

▲ 右上に検索フォームがあります。セレクトメニューは今のところTagだけ(要はキーワード検索)です。ここで検索した結果のサムネイルが地図エリアに表示されます。

youtube-slideshow-control.gif

▲ 地図エリアの下にはコントロールボタンがあります。スクロールボタンをマウスで押し続けている間、地図エリアがスクロールします。動きは実際に試して確認してください。Play!ボタンを有効にするには、サムネイル画像をクリックする必要があります。

youtube-slideshow-select.gif

▲ サムネイルをクリックした状態。赤いボーダーで囲まれて選択状態になります。

youtube-slideshow-title.gif

▲ サムネイルが選択されるとPlay!ボタンが有効になり、同時に選択中の動画のタイトルと再生時間、動画のURLが表示されます。

youtube-slideshow-iframe.gif

▲ Play!ボタンをクリックすると、インラインフレームでYouTubeのサイトが開きます。閉じるときは右上のcloseボタンをクリックしてください。

以上簡単な操作説明でした。使いやすさは置いておいて、暇つぶしのひとつにでもなれば幸いです。

» YouTube Slideshow on Google Maps

【関連記事】
Google Maps APIを利用したFlickrスライドショー

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

著者について

fkoji

F.Ko-Ji

Webエンジニアやってます。最近は ドットインストール の開発がお仕事です。その傍ら、個人で Meity電車遅延なう梅酒.in#グラドル自画撮り部 の部室といったネットサービスを開発・運営してます。梅酒と草野球とリアル脱出ゲームが好きです。

» 詳しいプロフィールや運営サービスの一覧など