【配信タイマー】カウントダウン・終了時刻・経過時間・休憩 10デザイン｜OBSブラウザソースに入れるだけ【配信素材】

OBS のブラウザソースにフォルダ内の index.html を指定するだけで動く配信用タイマーです。わんコメなど外部ツールへの接続は不要、外部CDN・外部フォント・外部画像も一切読み込みません（オフラインでも表示できます）。

■ できること

・4つのモードを config.js または URL パラメータで切り替え

　- countdown（指定した分数から0へカウントダウン）

　- until（指定した時刻まで自動計算）

　- elapsed（0から経過時間を数え続ける）

　- break（休憩用。0になったら復帰メッセージ）

・大きい数字（HH:MM:SS、1時間未満はMM:SS）と、その上に小さい見出し

・残り10秒を切ると数字が拍動、0になると指定した文字を表示し紙吹雪が3秒出る（elapsedは対象外）

・URLパラメータ（mode, minutes, until, label, finish_text, color）で見出し・色・時間を変更可能

・ページを再読み込みしても続きから進行（reset=1でリセット）

・表示サイズは480×200px、背景は透明

・ネオン／ゆめかわ／ピクセル／和風／ミニマル(白)／ミニマル(黒)／肉球／宇宙／宝石／ターミナルの10デザイン収録

■ こう使う

1. OBS の「ソース」→「ブラウザ」を追加し「ローカルファイル」にチェック

2. 使いたいデザインフォルダの index.html を選ぶ

3. 幅480・高さ200に設定

4. 必要ならURLの末尾に ?mode=countdown&minutes=10 のようにパラメータを追加

■ 動作環境

OBS Studio（ブラウザソース機能があるバージョン）／わんコメ等の外部ツールは不要

■ 同梱

・timers/ 10デザイン（各フォルダに index.html・config.js）

・説明書.txt（導入手順・URLパラメータ例・利用規約）

■ 注意

・生成AIは使用していません。

・再配布・転売は禁止です。ご質問はメッセージでどうぞ。