🌊

YouTube配信の同時接続数リアルタイム確認ツール作成シリーズ1:Youtube APIをひく

2023/11/14に公開

YouTube

YouTube API

livestream

tech

概要

最近YouTubeの生配信に縁があり、同時接続者数をリアルタイムに確認するツールがWebで無料ではないことに気づいたので作ってみる。

イメージ:HoloStats(ホロライブ社所属Youtuber専用ツール)
Alt text
これの「配信視聴者」のグラフのみ、まずは保存機能なしで配信IDも毎回指定する形で作る。

YouTube LiveStream 同時接続者数のリアルタイム取得

以下で取得できる。
liveStreamingDetails.concurrentViewers

https://www.googleapis.com/youtube/v3/videos?part=liveStreamingDetails&fields=items(id,liveStreamingDetails(concurrentViewers))&id＝[videoID]&key=【API KEY】

YouTube APIの使い方

https://console.cloud.google.com/apis/dashboard にアクセスし、プロジェクトを作成
メニューから「APIとサービス」 → 「認証情報」をクリック
ページ上部の「認証情報を作成」 → 「APIキー」をクリック
キーが作成されるのでコピーしどこかに控えておく
APIキーの設定を行う

拾えた

{
  "items": [
    {
      "id": "8FNtLTAOtU4",
      "liveStreamingDetails": {
        "actualStartTime": "2023-10-19T12:54:30Z",
        "scheduledStartTime": "2023-10-19T12:54:15Z",
        "concurrentViewers": "1",
        "activeLiveChatId": "Cg0KCzhGTnRMVEFPdFU0KicKGFVDSTU5cjQtcUZIalhTd25KcXZJTG9qZxILOEZOdExUQU90VTQ"
      }
    }
  ]
}

参考：

https://hi3103.net/notes/web/1271

FE部分

また今度

脱線：チャットを拾うには

これを使う

GET

https://youtube.googleapis.com/youtube/v3/liveChat/messages?liveChatId=Cg0KCzhGTnRMVEFPdFU0KicKGFVDSTU5cjQtcUZIalhTd25KcXZJTG9qZxILOEZOdExUQU90VTQ&part=id%2Csnippet%2CauthorDetails&key=[YOUR_API_KEY]

ブラウザ用

https://youtube.googleapis.com/youtube/v3/liveChat/messages?liveChatId=Cg0KCzhGTnRMVEFPdFU0KicKGFVDSTU5cjQtcUZIalhTd25KcXZJTG9qZxILOEZOdExUQU90VTQ&part=id%2Csnippet%2CauthorDetails&key=[APIkey]

GitHubで編集を提案

概要

YouTube LiveStream 同時接続者数のリアルタイム取得

FE部分

脱線：チャットを拾うには

Discussion