+Yoshifumi YAMAGUCHI                   YouTube APIの紹介         サーバサイドからフロントエンドまで                                    #ytapij...
Agenda•  YouTube API User Groupとは•  YouTube Overview•  YouTube API  –  Overview  –  Use Case  –  Getting Started•  Create•...
About meなまえ: 山口能迪(やまぐちよしふみ)しごと: テクニカルアカウントマネージャーしゅみ: PythonGoogle+: +Yoshifumi YAMAGUCHITwitter: @ymotongpoo              ...
YOUTUBE API USER GROUP                         4	  
YouTube API User Group 開発者のコミュニティを活性化したいクリエーターにフォーカスされがちでも•  YouTubeをつかったサイトってたくさんある!•  もっとよくできるはず!これから盛り上げてこうぜ!          ...
YOUTUBE OVERVIEW                   6	  
Quiz*1.  YouTubeの1日の視聴者数 30億2.  YouTubeの1日のモバイルでの視聴者数 4億3.  1分間にアップロードされる動画の合計時間 48時間                            7	  
自分だけの動画サイトが作れるそれだけのコンテンツを•  誰でも自由に•  無料で•  好きな形で使うことができますYouTube APIを使えばインフラを気にする事無く動画サイトが作れます                            ...
YOUTUBE APIOVERVIEW              9	  
YouTube API Overview YouTube APIは幅広い•  APIは2つ  –  YouTube Data API  –  YouTube Player API    •  埋め込みプレーヤー    •  クロムレスプレーヤー...
YouTube Data API YouTubeバックエンド側の処理に強い•  GData APIの1つ•  各種言語用公式ライブラリ –  Java, .NET, PHP, Python, Objective-C, JavaScript•  ...
YouTube Player API 自分の思うようにプレーヤーを操作したいとき•  2つのプレーヤー  –  埋め込みプレーヤー  –  クロムレスプレーヤー•  JavaScript, ActionScriptで制御            ...
埋め込みプレーヤー気軽に使えるカスタムプレーヤーGETパラメータを追加するだけである程度カスタマイズされたプレーヤーが追加可能             エンベッドコード             <iframe	  width="420"	  h...
埋め込みプレーヤー 気軽に使えるカスタムプレーヤーするとこんなかんじに変更できます                   14	  
クロムレスプレーヤー 自分だけのプレーヤーを作成可能•  再生ボタン、音量などの飾りがないプレーヤー•  YouTube Player APIでしか制御できない•  クロムレスプレーヤーを用いた事例 –  picotube.tv (あとで作者よ...
デモ&プレイグラウンド  試してみたくなったらここで                               DEMOcode.google.com/apis/youtube/youtube_player_demo.html	  code....
YOUTUBE APIUSE CASE              17	  
動画投稿サイト•  アップロード部分 –  YouTube Data APIを使用•  表示部分 –  クロムレスプレーヤーで自動表示あたかも自分のバックエンドのように使えます                          18	  
音楽視聴サイト バックエンドとフロントエンドを考える•  バックエンド –  YouTube Data APIで動画データを取得•  フロントエンド –  クロムレスプレーヤー+JavaScriptライブラリで動画    をキューに貯める   ...
YOUTUBE APIGETTING STARTED                  20	  
YouTube APIを始めてみる 何を準備すればいいのか必要なのはこれだけ1.  クライアントライブラリ2.  使う3.  Developer Key(必要な場合)手元の環境にちょっと加えるだけ!                       ...
Developer Keyの取得 Googleサービスの開発者登録•  ロギングとアプリケーションを識別•  ダッシュボードでアプリケーションのAPIリクエ   スト状況を確認することが可能                           ...
CREATE         23	  
YouTube Create youtube.com/createYouTubeをバックエンドとした動画作成アプリ                      DEMO                             24	  
INFORMATION              25	  
利用規約など YouTube APIを使って何かするぞという場合•  Terms of Service (利用規約)  –  code.google.com/intl/ja/apis/youtube/terms.html	  •  収益化	  ...
YouTube API情報     Developer Keyを取得してHackしよう!•    Dashboard: code.google.com/apis/youtube/dashboard	  •    Docs: code.googl...
Google Groups 最新情報やwork aroundなど•  YouTube APIs Developer Forum  –  groups.google.com/group/youtube-­‐api-­‐gdata	    	  •...
29	  
Upcoming SlideShare
Loading in …5
×

YouTube APIの紹介

3,553 views

Published on

YouTube API User Group #1 Kick off

Published in: Technology, Business
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
3,553
On SlideShare
0
From Embeds
0
Number of Embeds
1,262
Actions
Shares
0
Downloads
6
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

YouTube APIの紹介

  1. 1. +Yoshifumi YAMAGUCHI YouTube APIの紹介 サーバサイドからフロントエンドまで #ytapijp YouTube API User Group #1, Nov 30th 2011 1  
  2. 2. Agenda•  YouTube API User Groupとは•  YouTube Overview•  YouTube API –  Overview –  Use Case –  Getting Started•  Create•  information 2  
  3. 3. About meなまえ: 山口能迪(やまぐちよしふみ)しごと: テクニカルアカウントマネージャーしゅみ: PythonGoogle+: +Yoshifumi YAMAGUCHITwitter: @ymotongpoo 3  
  4. 4. YOUTUBE API USER GROUP 4  
  5. 5. YouTube API User Group 開発者のコミュニティを活性化したいクリエーターにフォーカスされがちでも•  YouTubeをつかったサイトってたくさんある!•  もっとよくできるはず!これから盛り上げてこうぜ! 5  
  6. 6. YOUTUBE OVERVIEW 6  
  7. 7. Quiz*1.  YouTubeの1日の視聴者数 30億2.  YouTubeの1日のモバイルでの視聴者数 4億3.  1分間にアップロードされる動画の合計時間 48時間 7  
  8. 8. 自分だけの動画サイトが作れるそれだけのコンテンツを•  誰でも自由に•  無料で•  好きな形で使うことができますYouTube APIを使えばインフラを気にする事無く動画サイトが作れます 8  
  9. 9. YOUTUBE APIOVERVIEW 9  
  10. 10. YouTube API Overview YouTube APIは幅広い•  APIは2つ –  YouTube Data API –  YouTube Player API •  埋め込みプレーヤー •  クロムレスプレーヤー•  バックエンドからフロントエンドまで 10  
  11. 11. YouTube Data API YouTubeバックエンド側の処理に強い•  GData APIの1つ•  各種言語用公式ライブラリ –  Java, .NET, PHP, Python, Objective-C, JavaScript•  レスポンスはXML –  リクエスト/レスポンスはここで確認! gdata.youtube.com/demo/index.html   DEMO 11  
  12. 12. YouTube Player API 自分の思うようにプレーヤーを操作したいとき•  2つのプレーヤー –  埋め込みプレーヤー –  クロムレスプレーヤー•  JavaScript, ActionScriptで制御 12  
  13. 13. 埋め込みプレーヤー気軽に使えるカスタムプレーヤーGETパラメータを追加するだけである程度カスタマイズされたプレーヤーが追加可能 エンベッドコード <iframe  width="420"  height="315”      src=http://www.youtube.com/v/ u1zgFlCw8Aw? rel=1&color1=0x2b405b&color2=0x6b8ab 6&border=1&fs=1  frameborder="0"   allowfullscreen></iframe>   rel : 関連動画 color1 : 境界線の色 color2 : コントローラの色 border : プレーヤーの境界線 fs : フルスクリーン化可能 13  
  14. 14. 埋め込みプレーヤー 気軽に使えるカスタムプレーヤーするとこんなかんじに変更できます 14  
  15. 15. クロムレスプレーヤー 自分だけのプレーヤーを作成可能•  再生ボタン、音量などの飾りがないプレーヤー•  YouTube Player APIでしか制御できない•  クロムレスプレーヤーを用いた事例 –  picotube.tv (あとで作者よりご紹介) –  岡村靖幸公式サイト (アーティスト公式サイト) –  stagehost (MA7参加) DEMO 15  
  16. 16. デモ&プレイグラウンド 試してみたくなったらここで DEMOcode.google.com/apis/youtube/youtube_player_demo.html  code.google.com/apis/ajax/playground/?exp=youtube   16  
  17. 17. YOUTUBE APIUSE CASE 17  
  18. 18. 動画投稿サイト•  アップロード部分 –  YouTube Data APIを使用•  表示部分 –  クロムレスプレーヤーで自動表示あたかも自分のバックエンドのように使えます 18  
  19. 19. 音楽視聴サイト バックエンドとフロントエンドを考える•  バックエンド –  YouTube Data APIで動画データを取得•  フロントエンド –  クロムレスプレーヤー+JavaScriptライブラリで動画 をキューに貯める 19  
  20. 20. YOUTUBE APIGETTING STARTED 20  
  21. 21. YouTube APIを始めてみる 何を準備すればいいのか必要なのはこれだけ1.  クライアントライブラリ2.  使う3.  Developer Key(必要な場合)手元の環境にちょっと加えるだけ! 21  
  22. 22. Developer Keyの取得 Googleサービスの開発者登録•  ロギングとアプリケーションを識別•  ダッシュボードでアプリケーションのAPIリクエ スト状況を確認することが可能 22  
  23. 23. CREATE 23  
  24. 24. YouTube Create youtube.com/createYouTubeをバックエンドとした動画作成アプリ DEMO 24  
  25. 25. INFORMATION 25  
  26. 26. 利用規約など YouTube APIを使って何かするぞという場合•  Terms of Service (利用規約) –  code.google.com/intl/ja/apis/youtube/terms.html  •  収益化   –  code.google.com/intl/ja/apis/youtube/ creating_monetizable_applications.html  •  ブランド設定ガイドライン –  code.google.com/intl/ja/apis/youtube/branding.html   26  
  27. 27. YouTube API情報 Developer Keyを取得してHackしよう!•  Dashboard: code.google.com/apis/youtube/dashboard  •  Docs: code.google.com/apis/youtube  •  Blog: apiblog.youtube.com  •  Forum: code.google.com/apis/youtube/forum  •  Twitter: twitter.com/YouTubeDev   27  
  28. 28. Google Groups 最新情報やwork aroundなど•  YouTube APIs Developer Forum –  groups.google.com/group/youtube-­‐api-­‐gdata    •  YouTube APIs Announcement Forum –  groups.google.com/group/youtube-­‐api  •  YouTube API JP (どんどん参加して!) –  groups.google.com/group/youtube-­‐api-­‐jp   28  
  29. 29. 29  

×