4
4

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

[ビギナー向け]TouchDesignerとYoutubeLiveを連携させてコメント取ってきちゃうよ vol.1

Last updated at Posted at 2021-05-28

#YoutubeLiveの需要
オンラインイベントのはやってますよね~
__BADHOP__が無料でオンラインライブやってて、クオリティの高さに感動しちゃった

見てるだけで最高!!
ですが、わいは__ひらめいたのである__
#コメントで遊べたら没入感アップ
どうしても距離的に離れてるから、その場のテンション味わえない
なら、Youtubeにせっかくある__コメント機能__使って

Liveに参加できれば楽しいやん!
要はLiveの映像にコメントが反映されると、、、

そういうことですわ

#今回作るものはこちら
ezgif.com-gif-maker.gif

Youtube Liveのコメントをとってきて、live映像と一緒に出していますね~
サーフィンなのは、単に波乗りジョニーしたいから
#チュートリアルは動画のほうがわかりやすい
あくまでわいの意見ですが、文字より__映像__のほうが内容はいってくるんすよねー
ここで言うことではない(笑)

というわけで、__vol.1__下記から見に行ってください!!
画像クリックで飛べまっせ
thna_youtube_1.jpg

#ポイント解説
詳しい内容は動画で話してるのでここではかるーい解説
##Youtube Data API
何が何でもYoutubeの情報を引っ張てくるにはこれ必要!
具体的にはAPIを使うためのkeyが必要ってことさ

え、そのまえにAPIってなんだよって?

簡単に説明すると、
外部のサービス(今回ならYoutube)の機能を使えるようにする便利ツールといったところかな

ドラえもんのポッケだ。
のび太単体ではジャイアソを倒す方法はないけど、ドラえもんのポッケから出てくるアイテム使えば倒せるよね
その窓口てきな役割がAPIさ

本題戻ると、
Google Cloud PlatformからAPIのKeyをゲトるよ
動画でも説明してるけど、こちらも大変役に立ちます
というか、パクらせていただいてます(笑)

##API使うときのパラメータを作っておく
ここはvol.2にて詳しく説明しますが、今回は以下の3つのパラメーターを作っておきます

  • key -> これはさっき作ったAPIkey
  • id -> これは取得したいYoutubeの動画リンクの=以下(今回で言えばサーフィンのライブ中継)
  • part -> YoutubeLiveの情報がほしいので、liveStreamingDetailsにしといてください
    3parameter.jpg

サラっとtextDATtableDAT使てるけど、ここら辺は慣れっす

#準備完了
これでAPIのリンクに飛ばす準備できましたとさ
ここからコメントを取得していくでえ
続きはvol.2

ホンジャマカ

4
4
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
4
4

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?