配信の「今のテーマ・残り時間・次の予定」を、ひとつのカードに。 区間名と時間を並べると、上から順番にカウントダウンするHTMLタイマーです。OBSのブラウザソースや、PC版Chromeで使えます。 ■ noteでも同じ通常版を販売しています 通常版v1.0.0はnoteでも500円で販売しています。内容は同一で、どちらか一方の購入で利用できます。通常版を購入済みの方は重ねて購入する必要はありません。 https://note.com/bright_crocus421/n/n5eb4f8821b26 ■ ダウンロード前に、その場で試す ブラウザーで開始・一時停止・区間切替・4配色を試せます。登録・ダウンロードは不要です。 https://tsugi-timer-demo-20261112.goldendormouse8.chatgpt.site 体験ページは画面内のボタンで操作します。OBSで使うHTMLファイルは、このページの無料版・通常版から入手してください。 ■ まず無料版の見本を動かす 1. このページの「無料版｜3区間・ミルク」からZIPをダウンロードし、「すべて展開」します。 2. 中にある tsugi-overlay-sample.html をPC版Chromeで開きます。 3. 表示されたカードをクリックして開始。もう一度クリックすると一時停止します。 見本はそのまま試せます。区間名や時間を変えるときは tsugi-timer.html を開いて編集してください。 ■ 無料版・500円版、どちらを選ぶ？ 無料版：0円／最大3区間／ミルク配色 「開始まで3分 → 本編25分 → まとめ2分」のように、3つに分けたい方へ。無料版も収益化配信で使えます。 通常版：500円／最大12区間／4配色 「開始まで → あいさつ → 本編 → 休憩 → 質問 → 告知 → まとめ」のように4区間以上に分けたい方や、画面に合わせて配色を選びたい方へ。 配色はミルク・ミッドナイト・ミント・ローズ。商品画像で4配色を比較できます。 開始・停止、設定の保存、利用できる用途は両版で共通です。まず無料版で表示と操作を確認し、区間数や配色が必要なら通常版を選んでください。 上の進行表は設定例であり、実際の配信実績を示すものではありません。 ■ OBSへの設定手順を読む（無料記事） 30分の進行表の作り方と、OBSに表示するまでの4ステップを紹介しています。 https://note.com/bright_crocus421/n/nc7485de1c9c1 ■ できること ・区間名と時間を入力して、順番にカウントダウン ・自動で次へ進む／0秒で待って手動で次へ進む、を選択 ・クリックまたはSpaceで開始・一時停止・再開 ・→／Nで次の区間、Rで現在の区間をリセット、Homeで先頭へ ・設定をJSONで保存し、次回読み込んで再編集 ・最後に表示するメッセージを変更 ・編集ボタンのない表示用HTMLを書き出し 1区間は1秒〜6時間。区間は上から順に進みます。 外部通信・アカウント登録・追加ライブラリは不要です。カードの外側は透明です。 ■ 使い方 1. ZIPを展開し、tsugi-timer.htmlをPC版Chromeで開く。 2. 進行表を入力し、「表示用HTMLを保存」を押す。 3. OBSのブラウザソースでローカルファイルを選び、保存したHTMLを指定。幅840・高さ360に設定。 4. ソースの「対話（操作）」を開き、カードをクリックして開始。 詳しい手順は同梱READMEにあります。OBSを使わず、表示用HTMLをブラウザー単体で開くこともできます。 ■ 同梱ファイル（無料版・通常版とも共通の構成） tsugi-timer.html：進行表の設定・書き出し用 tsugi-overlay-sample.html：すぐ表示できる見本 sample-settings.json：再編集できる見本設定 README.txt：使い方と注意点 LICENSE.txt：利用について ■ 動作確認 Windows / Chrome：設定・HTML保存・キー操作・設定JSONの読み込み Windows / OBS Studio 31.0.2：ローカルHTML表示、クリック開始、Space停止、Nでの区間切替 すべての環境での動作を保証するものではありません。購入前に無料版で確認してください。 スマートフォン・Safari・macOSでの動作は未検証です。 ■ 購入前に知っておいてほしいこと 音、OBSシーンの自動切替、ブラウザー間同期、外部リモコン機能はありません。 入力内容は自動保存されません。次回も編集したい場合はJSONで保存してください。 進行状態は保存されず、再読み込みやOBS再起動で先頭に戻ります。 スリープや端末負荷の影響を受けるため、厳密な時刻同期や計測保証が必要な用途には向きません。 長い区間名は表示領域を超えると省略されます。短い名前を推奨します。 将来の機能追加・個別カスタマイズは商品価格に含みません。 ■ 利用について 個人・法人、収益化の有無を問わず、自分が運営する配信・動画・イベントで利用できます。 自分の利用のための改変は可能です。クレジット表記は任意です。 商品ファイル・改変ファイル・書き出したHTMLの再配布、再販売はできません。 タイマーが映った動画・画像・配信アーカイブの公開はできます。 生成AIを制作補助に使用しています。 v1.0.0 / 2026-11-11