LoginSignup
3
3

More than 1 year has 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

ホンジャマカ

3
3
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
3
3