配信前の待機画面として使える、カウントダウンとお品書きと、星・雪・サイバーグリッドの演出つきのHTMLです。 OBSのブラウザソースに読み込むだけで使えます。動画ファイルは使わず、ブラウザの描画で動かします。 「配信開始まで 05:00」の大きな表示、下に流れる「今日のお品書き」、画面に降る星や雪が1つのファイルに入っています。 分数やお品書きは、画面の右端にマウスを寄せると出る操作パネルで変えられます。 時間は現在の時刻を基準に数えるので、ブラウザのタブが裏に回ってもずれません。音は鳴りません。 入力した内容は外部に送られず、この端末のブラウザの中だけで処理します。 項目5つ・星1種類で足りる方は、無料版もあります。https://mall-aibou.booth.pm/items/8984094 ━━━━━━━━━━━━━━━━━━━━ ご注意 ━━━━━━━━━━━━━━━━━━━━ このツールは、配信ソフトの設定や動作を保証するものではありません。 動作の確認はChrome（ヘッドレス）と、OBS Studio 32.2.2（macOS版）のブラウザソースでの表示で行いました。Edge、Safari、数時間の長時間表示、CPU使用率は確認できていません。本番の前に、お使いの環境で一度ご確認ください。 ━━━━━━━━━━━━━━━━━━━━ この商品で得られるもの ━━━━━━━━━━━━━━━━━━━━ ◆ 中央に「配信開始まで」と大きなカウントダウン（05:00から減っていく表示） ◆ 分数は1〜180分。全角の数字も半角に直します。スタート／ストップ／リセットつき ◆ 0になったときの文を自由に変更（初期は「まもなく配信開始」）。0を超えて減ることはありません ◆ 下部の「今日のお品書き」。項目数に制限なし。右から左へ一定の速さで流れる表示と、4秒ごとに1項目ずつ切り替わる表示から選べます ◆ パーティクル3種類（星・雪・サイバーグリッド）。粒の数は0〜300で調整、軽量モードで少なくできます ◆ テーマカラーを自由に設定 ◆ 背景を透過・単色・グラデーションから選べます（透過はOBSで他の映像に重ねる用です） ◆ プリセット5件の保存と呼び出し。最後に使った設定は、次に開いたときに自動で戻ります ◆ 設定のJSON書き出しと読み込み。全画面ボタン ◆ 操作用のタブと表示用のタブを、同じブラウザの中で連動できます ◆ 画面の右端にマウスを寄せたときだけ操作パネルが出て、数秒で隠れます ◆ 画面が裏に回ると描画を止めます ━━━━━━━━━━━━━━━━━━━━ 確認したこと ━━━━━━━━━━━━━━━━━━━━ ◆ 確認した範囲：ヘッドレスChromeで、1920×1080の画面で描画しました。フレームごとの描画処理（JavaScript側）の所要時間は、約5秒間・約300フレームの計測で、平均0.03〜0.05ミリ秒、最大0.3ミリ秒でした（星60粒、雪60粒と300粒、サイバーグリッド）。映像として合成される分や、実機のCPU使用率は含みません ◆ 確認した動き：カウントダウンが進む（現在時刻を進めて確認）、スタート／ストップ、0で止まって負にならない、お品書きのスクロール、右端での操作パネルの表示と数秒後の非表示、画面サイズの変更への追従、裏に回ったときの描画停止、設定の保存と復元、別タブの連動 ━━━━━━━━━━━━━━━━━━━━ 使い方（3ステップ） ━━━━━━━━━━━━━━━━━━━━ 1. starting-soon.html を、OBSの「ブラウザソース」（ローカルファイルにチェック）で選び、幅1920・高さ1080にする 2. 画面の右端にマウスを寄せて、分数とお品書きを入れる 3. 「スタート」を押す。0になると「まもなく配信開始」と出ます ━━━━━━━━━━━━━━━━━━━━ 動作環境 ━━━━━━━━━━━━━━━━━━━━ ・ Chrome / Edge / Safari の最新版を想定しています（確認したのはChromeのみです） ・ ネット接続は不要です ・ 外部のサーバーと通信しません。広告もトラッキングもありません ━━━━━━━━━━━━━━━━━━━━ できないこと ━━━━━━━━━━━━━━━━━━━━ ・ 別タブの連動は、同じブラウザの中だけです。別のパソコンや別のブラウザとは連動しません ・ 保存はこの端末のブラウザの中だけです。ファイルを置いた場所やブラウザが変わると引き継がれません（JSON書き出しで引き継げます） ・ 音は鳴りません ・ 配信ソフトとの連携（自動で場面を切り替えるなど）はできません ・ Edge、Safari、数時間の長時間表示、CPU使用率は確認できていません ■ 使ってよい範囲 　個人・法人を問わず、配信や制作にお使いいただけます。クレジット表記は不要です。 　ファイルそのものの再配布・販売はご遠慮ください。 ■ 同梱物 　starting-soon.html ／ README.txt TOOL BOX