みかづきブログ その3

3ヶ月つづけてみました。

YouTube Data API v3をつかって動画を検索する(ログインなし)

ついに YouTube Data API v2 が 停止してしまったので仕様を調べて v3 に乗り換えました。

基本的には こちら を信じて実装すれば問題なく実装できます。

実装方針としては、ユーザーにログインを求めるパターンと、ログイン不要のパターンがあるのですが、今回はログイン不要バージョンで実装しました。


プロジェクトを作成する

https://code.google.com/apis/console/ にアクセスしてプロジェクトを作成します。

f:id:kimizuka:20150514125352p:plain

code.google.com


APIを有効にする

「APIと認証」の「API」を選択。
「YouTube Data API 」を選択し「APIを有効にする」ボタンをクリック。

f:id:kimizuka:20150514130205p:plain


新しいキーを作成

「APIと認証」の「認証情報」を選択。
「公開APIへのアクセス」の「新しいキーを作成」ボタンをクリック。

f:id:kimizuka:20150514130525p:plain

キーの種類は「ブラウザキー」を選択。APIを叩くドメインを記入し、作成。

ブラウザ アプリケーションのキーが生成されるので API キー をメモ。

JavaScriptを書く

(function(win, doc, $) {

  "use strict";

  // KEY は https://console.developers.google.com にて公開APIキーを作成する必要があります
  // KEYWORD は 検索したいワードをつかってください

  $.ajax({
    type     : "get",
    dataType : "jsonp",
    url      : "https://www.googleapis.com/youtube/v3/search?type=video&part=snippet&q=" + KEYWORD + "&key=" + KEY
  }).done(function(evt) {
    console.log(evt);
  });
})(this, document, $);

DEMO

こちらのサイト で「スピッツ」で引っかかった動画を5件、consoleにひっそりと表示しています。

search | google-api



今回は以上です。