配信の途中で席を外すときの「ちょっと休憩します」と、配信の最後の「今日はここまで」。この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 のメッセージからどうぞ。