AOLVS Ajax APIで日本語が使えた!? サムネイルを表示してみる

「AOL Video Search AJAX API Introductionを試す」の中で、次の課題がありました。

それ以前に「AOL video」自体が日本語のインデックスを持つのかどうかも調べないといけない。

そこで「AJAX API Introduction」のサンプルコードを改良し、検索ボックスを追加してみました。検索ボックスに日本語を入力してAOL Videoを検索できます。↓こちらからどうぞ。

View example

いくつか日本語キーワードでの検索を試しましたが、日本語のクエリも機能しますし、日本語の検索結果も表示できています。WEBページの文字コードを「UTF-8」と「EUC-JP」としてみましたが、いずれも期待どおり動作しています。

また今回は、次のようにサムネイルも表示してみました。サムネイルのサイズは「Video.thumbnailUrl」と「Video.thumbnailUrlLarge」の2通りがあります。ただ後者の「Video.thumbnailUrlLarge」だけ、サムネイルのURLがなく省略されることがありました。このとき「Video.thumbnailUrlLarge」はundefinedとなっています。

function update() {
  var html = '<ol>';
  for (var i=0; i<AOLVS.VideoSet.totalResultsReturned; i++) {
    var video = AOLVS.VideoSet.Video[i];
    html += '<li>';
    html += '<div>'+video.title+'</div>';
    html += '<div><img src="'+video.thumbnailUrl+'" /></div>';
    if (video.thumbnailUrlLarge)
      html += '<div><img src="'+video.thumbnailUrlLarge+'" /></div>';
    html += '</li>';
  }
  html += '</ol>';
  document.getElementById('results').innerHTML = html;
}

私にとって「AOL Video Search APIs」はまだまだ未知数です。海外のサイトでも実用例が乏しいようですので、時間を見つけていじくっていきます。