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

2007/5/14 19:26

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

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

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

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

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

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

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

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

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

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