スーパーチャット計算＋画面表示(youtube)(obs)

Question

前提・実現したいこと

スーパーチャット(https://ja.wikipedia.org/wiki/%E3%82%B9%E3%83%BC%E3%83%91%E3%83%BC%E3%83%81%E3%83%A3%E3%83%83%E3%83%88)

その月に貰ったスーパーチャットの金額の合計を計算し、配信画面に透過表示する　
というものを作成したいと考えています。

使用している配信ソフトはOBSです。

自分で考えてみたものは

API などでスーパーチャットの金額をyoutubeからリアルタイムで得る
計算する
画面に透過表示させる
そして月が変わるごと(例えば7月→8月)に合計金額をリセットする

といったものです。

思いつきで始めたため、初心者で何から手を付けていいのかわからず質問しました。
ちょっとしたホームページを作れるくらいとC言語を1年ほど勉強した知識しか持っておらず、現在JavaScriptを勉強しております。

完成は下の画像のようなものにしたいと考えています

Answer 1

いいですね。

API などでスーパーチャットの金額をyoutubeからリアルタイムで得る

計算する
画面に透過表示させる
そして月が変わるごと(例えば7月→8月)に合計金額をリセットする

仕様もはっきりさせられてると思います。

一度にやろうとするとどっから手を付けていいか分からなくなってしまうので、
複数の段階に分けて順に取り組むのがいいかと思います。

例)
1.とりあえず画面に文字「今月の合計金額～」を表示するだけのプログラムを作る
2.背景透過させる
3.APIなどでスーパーチャットの金額をyoutubeからリアルタイムで得る方法を調べる
4.スーパーチャットの金額を1のプログラム上で表示させてみる
5.～～
6.～～
etc..

各工程でわからない問題が出てきた場合に、都度質問しながら進めていけばいいのではないかと思います。
頑張ってください。

Comments

[退会済みユーザー]

回答ありがとうございます。

まずウェブページ上で文字表示する
そしたらOBSを通して文字以外を透過表示

といった感じでやってみます
ありがとうございました。