========================================================== チャットヒートメーター Chat Heat Meter OBS / Streamlabs OBS ブラウザソース ウィジェット ========================================================== ■ これは何? ---------------------------------------------------------- 配信画面に置く「チャット盛り上がりメーター」です。 Twitch のチャット欄の勢いをリアルタイムで検知し、 チャットが盛り上がるほど針が上がります。振り切ると バースト演出と短い効果音が発動。ログイン不要、 API キー不要——チャンネル名を入れるだけで使えます。 ファイル一覧(機能は同じ、好みの見た目を選択): ◆ heatmeter.html フラットスタイル、シンプル ◆ heatmeter_pro.html リッチスタイル、金属枠と光沢 切り替え可能な 3 種類の文字盤: ◆ gauge メーター針(デフォルト) ◆ thermo 温度計 ◆ rpm レーシングタコメーター(毎分メッセージ数を表示) ■ クイックスタート(OBS / Streamlabs OBS) ---------------------------------------------------------- 1. まず次の項目に従って、ファイルにチャンネル名を 記入してください 2. OBS の「ソース」で「+」→「ブラウザ」を選択 3. 「URL」欄にファイルのフルパスを入力。例: file:///D:/rein_claude_code/heatmeter/heatmeter.html ※ 必ず「URL」欄に入力してください。 「ローカルファイル」にチェックを入れると、 後述の URL オプションが効かなくなります 4. ソースのサイズを設定: gauge / rpm → 幅 336、高さ 256 thermo → 幅 176、高さ 336 5. 「OK」を押して、好きな位置に配置すれば完成です ■ 設定の変更(メモ帳で編集できます) ---------------------------------------------------------- heatmeter.html をメモ帳(または任意のテキストエディタ)で 開き、ファイル冒頭近くのこの部分を探してください: defaults: { channel: "", // ← 引用符の中に Twitch チャンネル名 theme: "gauge", // 文字盤:gauge / thermo / rpm lang: "zh", // 表示言語:zh(繁体字中国語)/ en(英語)/ ja(日本語) sound: true, // バースト効果音:false で完全オフ }, 例えばチャンネルの URL が https://www.twitch.tv/your_name の場合、 channel: "your_name" と記入します(URL 全体ではなく、 最後の名前の部分だけ)。保存すれば設定完了です。 ■ URL オプション(上級者向け・ファイル編集不要) ---------------------------------------------------------- 1 つのファイルから複数のソースを作りたい時や、一時的に 設定を変えたい時に便利です。すべて併用可能で、最初は ?、 以降は & でつなぎます: ?channel= チャンネル名 ?theme= gauge(デフォルト)/ thermo / rpm ?lang= zh(デフォルト)/ en / ja ?sound= 0 = 効果音オフ ?debug= 1 = テストモード(次の項目参照) ?preview= 1 = ブラウザ確認用に暗い背景を表示 ── 例 ── file:///D:/rein_claude_code/heatmeter/heatmeter.html?channel=your_name&theme=rpm&sound=0 ■ テストモード(チャットに人がいなくても確認できます) ---------------------------------------------------------- URL に ?debug=1 を付けてブラウザで開き、ページを一度 クリックしてから、キーボードで操作します: 1~4 低 / 中 / 高 / バースト のチャット速度 スペース 押しっぱなし = チャットを一気に流す 0 停止 通常のブラウザでは、ページを一度クリックするまで音が 出ません(ブラウザの仕様です。OBS 内では最初から鳴ります)。 ■ よくある質問 ---------------------------------------------------------- Q: 針がまったく動かない? → 一番多い原因は、チャンネル名に URL 全体を入れている ケースです。twitch.tv などを含めず、名前の部分だけを 記入してください(例:your_name)。また、実際にチャットに 書き込みがないと針は動きません。演出の確認だけなら テストモード(?debug=1)をどうぞ。 Q: インターネット接続は必要? → 必要です。Twitch チャットに接続するためですが、 配信 PC はもともとオンラインなので心配いりません。 Q: 背景が透過にならない? → OBS 内ではデフォルトで透過です。通常のブラウザで 白や黒の背景が見えるのは正常で、OBS には影響しません。 Q: URL オプションが効かない? → 3 点確認してください:「URL」欄に入力しているか (「ローカルファイル」ではなく)、最初のオプションが ? で始まっているか、オプション同士を & でつないでいるか。 Q: バースト効果音がうるさい / 要らない? → URL に &sound=0 を追加するか、ファイル内の sound: true を false に変更してください。音量調整も 可能です:ファイル内で burstVolume を検索し、0.7 を 小さくしてください(範囲 0~1)。 Q: YouTube 版はないの? → YouTube チャットには匿名で読み取れる公開手段がないため、 Twitch のみ対応です。 ■ シェア ---------------------------------------------------------- 自由にご利用・共有いただけます。 TWITCH:https://www.twitch.tv/rein0919 X(TWITTER):https://x.com/Rein55523042 BOOTH:https://reinnier.booth.pm/ ========================================================== ダウンロードしていただき、ありがとうございます。 使用するうえでの注意事項や、プリセットの導入方法を記載していますので、はじめにお読みください。 本プリセットは利用規約の範囲内であれば個人･法人･商用･非商用を問わず無料でご利用いただけます。 ========================================================== 利用規約 ・本プリセットをそのまま販売、再配布することは禁止します。 ・本プリセットを改変しての販売、再配布を禁止します。 ・データの編集や加工は自由に行っていただいて構いません。 ・使用する際のクレジット表記や事前連絡は不要です。 ・プリセットの使用で生じた、いかなる損害やトラブルに対して一切の責任を負いません。 ※お仕事などでプロジェクトデータを納品する際は、再配布には該当しません。