【配信】休憩中と終わりの画面 12デザイン｜あと何分で戻るか数え下げ｜次回の告知は過ぎたら自動で「調整中」｜OBS用・設定ボタン(⚙)つき・登録不要

配信の途中で席を外すときの「ちょっと休憩します」と、配信の最後の「今日はここまで」。この2つを1本でまかなう全画面です。同じ機能のまま、見た目だけ違うものを12デザインそろえました。

休憩中は「あと何分で戻ります」を数え下げ、0になると数字が「まもなく戻ります」の文字に変わります。終わりの画面には「次回はいつ」を書けます。

動画ファイルではありません。その場で描いているので、容量はごくわずかで、ループの継ぎ目もありません。文字はHTMLの文字なので、どんな大きさでもにじみません。

単一HTML・インストール不要・アカウント不要・オフライン動作。OBSのブラウザソースに入れるだけ。日本語／English 切替対応。

━━━━━━━━━━━━━━━━━━

◆ 1本で「休憩中」と「終わり」の2画面

━━━━━━━━━━━━━━━━━━

⚙の「場面」で切り替えます。

・休憩中 … 「少し休憩します」＋ 戻るまでの残り時間 ＋ 減りかたの帯

・終わり … 「本日はここまで」＋「次回 ○月○日(○) ○○:○○」

出す文字はどれも自分で書き換えられます（空欄にすると場面ごとの既定文に戻ります）。

同じデザインを休憩用と終了用の2つのシーンで使うときは、URLの末尾に ?key=a ?key=b を付けると設定の保存先を分けられます。

━━━━━━━━━━━━━━━━━━

◆「あと何分で戻ります」の入れかた

━━━━━━━━━━━━━━━━━━

入れかたは2通り。どちらでもかまいません。

・何分後で入れる … ⚙に 15 と入れると、開いた時から15分を数え下げます（初期は10分）

・戻る時刻で入れる … ⚙に 21:30 と入れると、その時刻まで数えます。こちらが優先されます

・0時をまたぐ休憩（23:50に「00:10に戻る」）もそのまま入れられます

・0になると「まもなく戻ります」の文字に変わります。出す文字は自分で書けます

・0を過ぎてもマイナスにはならず、その文字のまま止まります

・時間を数えたくないときは、残り時間そのものを消せます（見出しだけの静かな画面）

━━━━━━━━━━━━━━━━━━

◆「次回はいつ」は、置きっぱなしでも嘘になりません

━━━━━━━━━━━━━━━━━━

終わりの画面に、次の配信の日時を書けます。書きかたは何通りかあります。

・2026-09-05 21:00（年月日と時刻）／ 9/5 21:00（年を書かない）

・金 21:00 ／ 金曜日（曜日で書く）

・21:00（時刻だけ）

・「毎週 金曜の夜」のように日付として読めない文字は、書いたまま出ます

ここが要点です。

・曜日や時刻で書いた場合は、その日時を過ぎると自動で次の週・次の日へ進みます。「金 21:00」と書いておけば、いつ見ても «次に来る金曜» が出ます

・年月日で書いた場合は、その日時を過ぎると「調整中」に変わります。行ごと消す設定にもできます

去年の日付を貼りっぱなしにしていた、という事故が起きません。

━━━━━━━━━━━━━━━━━━

◆ 収録している12デザイン

━━━━━━━━━━━━━━━━━━

・curtain.html … 緞帳（劇場の幕。ひだがゆっくり呼吸します）

・cup.html … 湯気のカップ（机の上のマグ。湯気が立ちのぼります）

・citylight.html … 夜の街あかり（ビルの窓の灯りがひとつずつ消えていきます）

・hourglass.html … 砂時計（砂がひとすじ落ち、下の山が育ちます）

・vinyl.html … レコード（盤が回り、溝の照りが流れます）

・tape.html … カセットテープ（2つのリールが回ります）

・lantern.html … 提灯のあかり（軒先の提灯が揺れ、灯がゆらぎます）

・lighthouse.html … 灯台の光（夜の海。光の帯がゆっくり一周します）

・lamp.html … デスクライト（光の輪が静かに息をします）

・dusk.html … 夕暮れ（陽が沈んだあとの空。雲が流れます）

・blind.html … ブラインドの光（羽根がゆっくり開いたり閉じたり）

・shutter.html … シャッター（降りた鉄のシャッター。光の帯が降ります）

どれも動きは «静かに» に振ってあります。喋りの邪魔になりません。

━━━━━━━━━━━━━━━━━━

◆ 設定ボタン（⚙）

━━━━━━━━━━━━━━━━━━

文字も、色も、時間も、URLを書き換えずに設定できます。

1. ソース一覧のこの画面を右クリック →「対話」を選ぶ

2. 画面にマウスを乗せると、右上に ⚙ が出ます（出ないときは S キー）

3. 変更して「保存して閉じる」

・普段 ⚙ は見えないので、配信画面には映りません

・設定は保存され、OBSを再起動しても残ります。「設定を初期化」で購入時の状態に戻せます

※ 設定の保存先はブラウザごとに別々です。Chromeで開いて設定してもOBS側には反映されません。OBSで使うぶんは、必ずOBSの「対話」画面の中で設定してください。

━━━━━━━━━━━━━━━━━━

◆ 12デザインすべてに共通の設定

━━━━━━━━━━━━━━━━━━

・?scene=end … 場面（brb＝休憩中（初期）/ end＝きょうはここまで）

・?eyebrow= / ?head= / ?note= … 上の小さい行／見出し／下の一行（| で改行できます）

・?back=15 … 休憩 — 何分で戻るか（0〜600分。初期は10）

・?backat=21:30 … 休憩 — 戻る時刻。入れるとこちらが優先

・?over=おまたせしました … 休憩 — 0になったら出す文字

・?timer=off … 残り時間を出さない ／ ?meter=off … 減りかたの帯を出さない

・?next=2026-09-05 21:00 … 終わり — 次回はいつ

・?nextlabel=つぎは … 次回の見出し語 ／ ?past=hide … 過ぎたら行ごと消す

・?clock=on … 画面の下にいまの時刻 ／ ?format=12 … 12時間表示（初期は24時間）

・?theme=indigo … 配色（デザインごとに3色）

・?pos=left … 札を左に寄せる（center（初期）/ left / right）

・?scale=1.3 … 文字の大きさ（0.3〜3）／ ?speed=0.5 … 背景の動きの速さ（0.2〜3）

・?dim=0 … 背景を沈める濃さ（0〜100。初期30）

・?plate=0 … 札の地の濃さ（0〜100。初期78。0で地が消えて文字だけ）

・?bg=off … 背景を描かない（＝札と文字だけ・透過）

・?color= / ?accent= / ?bgcolor= … 色を自分で指定（#は不要）

・?lang=en … 英語表示 ／ ?key=a … 設定の保存先を分ける

・?mode=stream … ⚙を完全に出さない

・?qa=60 … 動きの確認用に時間を60倍で流す（15分の休憩が15秒で終わるところまで見られます）

━━━━━━━━━━━━━━━━━━

◆ OBSへの入れ方

━━━━━━━━━━━━━━━━━━

1. ソース →「＋」→「ブラウザ」

2.「ローカルファイル」にチェック → 使いたい .html を選ぶ

3. 幅・高さは配信画面と同じ大きさ（例: 1920 x 1080）を入れる

4. ソース一覧でいちばん下（＝いちばん奥）に置く

━━━━━━━━━━━━━━━━━━

◆ ご注意

━━━━━━━━━━━━━━━━━━

・効果音はありません（表示のみです）

・残り時間は「この画面を開いた時」から数えます。OBSでシーンを切り替えてこの画面を読み直すと、そこから数え直します（戻る時刻を決めて数えたいときは ⚙の「戻る時刻」を使ってください）

・「戻る時刻」は時と分だけです。日付の指定はできません

・時計はお使いのPCの時計を見ています

・視聴者コメントの集計や、外部アプリ・APIとの連携機能はありません

・生き物の絵は入っていません（物・風景・光・機械だけです）

━━━━━━━━━━━━━━━━━━

◆ 特長

━━━━━━━━━━━━━━━━━━

・文字はHTMLの文字、背景だけキャンバス。どの解像度でもにじみません

・書いた文字が長いときは、画面に収まるところまで版面が自動で縮みます

・外部への通信は一切ありません（ネット接続不要・Webフォントなし）

・背景は「その時刻の絵」を毎回計算しているだけなので、長時間つけっぱなしでもメモリが増えません

・動画ではないので容量はごくわずかで、ループの継ぎ目もありません

・Chrome／Edge で動作確認済み。OBS Studio 28以降のブラウザソース（Chromium）や、Streamlabs など、ブラウザソースがある配信ソフトでも同じように使えます

・配信可・商用利用可（同梱の利用規約参照）

◆ こんな方に

・休憩に入るたび「すぐ戻ります」の画像を作り直している方

・終了画面の「次回」の日付を書き換え忘れたことがある方

・休憩画面と終了画面を1つでまかないたい方

万が一素材に不備がありましたらメッセージまでお願いします。

不具合・ご要望は BOOTH のメッセージからどうぞ。