【フル版】配信オーバーレイ3点セット｜時計・カウントダウン・目標カウンター（OBS用）

配信画面に重ねて使う、オーバーレイ3点セットのフル版です。

OBSに読み込むだけで動きます。

無料版もショップに置いています。まずそちらで動作を確かめてから、

見た目をもっと変えたくなったら、こちらをどうぞ。

──────────────────

【 入っているもの 】

■ 時計

　時刻・日付・曜日を表示します。

■ カウントダウン

　配信開始までの残り時間。開始時刻でも、分数でも指定できます。

　残り1分を切ると、数字が少し脈打ちます。

■ 目標カウンター

　「登録 37 / 50」のように進み具合を表示。配信中に ＋1 で数えられます。

　数えた値はパソコンに残るので、OBSを閉じても消えません。

──────────────────

【 無料版との違い 】

このフル版だけでできること:

・縁取りの色と太さ（背景が明るくても文字が沈まない）

・影の濃さ

・フォント4種（ゴシック／明朝／等幅／丸ゴシック）

・画面のどこに置くか（上下左右×中央の9通り）

・日付の形4種（2026年9月21日（月）／2026/09/21 (月)／9/21 月曜日／Mon, Sep 21）

　【カウントダウン】

　・進捗バー

　・1時間を超える場合の時間表示

　・残り1分で数字を強調する

　【目標カウンター】

　・見せ方4種（バー／ドット／リング／数字だけ）

　・達成したときに出す文字

　・達成したら色が変わる

──────────────────

【 使い方 】

1. OBSの「ソース」で ＋ を押す

2. 「ブラウザ」を選ぶ

3. 「ローカルファイル」にチェックを入れる

4. 使いたいHTMLを選ぶ

5. 幅1920 / 高さ1080 にして OK

背景は透明なので、そのまま画面に重なります。

【 見た目を変える 】

HTMLをブラウザで開いて、アドレスの最後に #edit と付けると設定画面が出ます。

色・大きさ・位置・フォント・縁取り・影などを変えて、

「この設定のURLをコピー」を押すだけ。OBSに貼れば設定ごと移せます。

配信ごとに違う設定を使いたいときは、URLを何本か作って置いておけば切り替えられます。

──────────────────

【 この3つについて 】

・外部のサーバーと一切通信しません。広告もトラッキングもありません

・外部の部品（CDN・ライブラリ）を読み込みません。HTML1枚で完結しています

・オフラインで動きます

・フォントはお使いのパソコンのものを使うため、WindowsとMacで見え方が少し変わります

【 使ってよい範囲 】

・個人・法人を問わず、配信や動画にお使いいただけます

・色や文字を変えてお使いいただけます

・クレジット表記は不要です

・ファイルそのものの再配布・販売はご遠慮ください

──────────────────

【 更新履歴 】

2026-09-21　v1.0.0 公開

⚠️ 不具合や「動かない」があれば、ショップへのメッセージからご連絡ください。

　 OBSのバージョン、WindowsかMacか、を書いていただけると助かります。