【OBS】スパチャ・投げ銭の金額帯でテロップが変わる|HTML1枚・透過対応
- Digital780 JPY



スパチャをもらったとき、500円にも5000円にも同じ「ありがとう!」しか出せない…を解決するテロップです。 金額を入れるだけで、あらかじめ決めた金額帯に合わせて ラベル・お礼の文言・背景色が切り替わります。 index.html を1枚、OBSのブラウザソースに入れるだけで使えます。 できること - 金額帯を自由に設定(下限・上限・ラベル・お礼の文言・背景色) - 帯の数は増やすのも減らすのも自由(初期設定は ¥100/¥500/¥1,000/¥5,000 の4段階) - 通貨記号は「¥」「円」「$」など好きなものに変更OK - 文字サイズ・文字色・フチ取り・表示位置(上/中央/下) - 数秒後に自動で消える(秒数は変更可、0で出しっぱなし) - 文言に名前を入れられる(例:「〇〇さん ¥1,000 感謝です!!」) - 背景透過で、ゲーム画面や立ち絵の上にそのまま重ねられます - 設定は自動保存。ネット接続なしで動きます 使い方(3ステップ) 1. index.html をブラウザで開き、金額帯と文言・色を決める(プレビューで確認できます) 2. 「OBS用URLをコピー」を押す 3. OBSでブラウザソースを追加してURLを貼る。表示したいときは「対話」から金額を打ってEnter ご注意 金額は手動で入力して表示します。配信サイトのスパチャやコメントを自動で読み取る機能はありません。 「自分のタイミングで、金額に合ったお礼を出したい」方向けです。 ## FAQ Q. YouTubeやTwitchのスパチャに自動で反応しますか? A. いいえ、自動では反応しません。金額を手で入力して表示する仕組みです。その分、配信サービスに関係なく使えて、連携の設定もいりません。 Q. 背景が白く映ってしまいます。 A. 「OBS用URLをコピー」で出したURL(末尾に #overlay が付いたもの)を貼ってください。index.html をそのまま指定すると設定画面が映ります。詳しくは同梱の README.txt に書いています。 Q. 設定を変えたのにOBSの表示が変わりません。 A. OBSは普段のブラウザと保存場所が別なので、設定を変えたらURLをコピーし直して貼り替えてください。手順は README.txt にあります。 Q. Macでも使えますか? 配信ソフトはOBS以外でも大丈夫? A. WindowsでもMacでも、OBS Studioのブラウザソースで使う想定で作っています。ほかの配信ソフトでも、ブラウザソース(Webページの表示)に対応していれば同じように使えます。 入っているもの ・index.html(設定画面+テロップ本体) ・README.txt(OBSへの貼り方・よくある失敗と対処) ※ダウンロードは上記をまとめた zip です ご利用について ・個人・商用どちらの配信でもお使いいただけます ・ファイルの再配布・転売はご遠慮ください


