配信前の待機画面として使える、カウントダウンとお品書きと星の演出つきのHTMLです。 OBSのブラウザソースに読み込むだけで使えます。動画ファイルは使わず、ブラウザの描画で動かします。 「配信開始まで 05:00」の大きな表示、下に流れる「今日のお品書き」、画面に降る星が1つのファイルに入っています。 分数やお品書きは、画面の右端にマウスを寄せると出る操作パネルで変えられます。 時間は現在の時刻を基準に数えるので、ブラウザのタブが裏に回ってもずれません。音は鳴りません。 入力した内容は外部に送られず、この端末のブラウザの中だけで処理します。 ━━━━━━━━━━━━━━━━━━━━ ご注意 ━━━━━━━━━━━━━━━━━━━━ このツールは、配信ソフトの設定や動作を保証するものではありません。 動作の確認はChrome（ヘッドレス）と、OBS Studio 32.2.2（macOS版）のブラウザソースでの表示で行いました。Edge、Safari、数時間の長時間表示、CPU使用率は確認できていません。本番の前に、お使いの環境で一度ご確認ください。 ━━━━━━━━━━━━━━━━━━━━ この無料版で得られるもの ━━━━━━━━━━━━━━━━━━━━ ◆ 中央に「配信開始まで」と大きなカウントダウン（05:00から減っていく表示） ◆ 分数は1〜180分。全角の数字も半角に直します。スタート／ストップ／リセットつき ◆ 0になると「まもなく配信開始」と出て、0を超えて減ることはありません ◆ 下部の「今日のお品書き」。1行に1項目、5項目まで。右から左へ一定の速さで流れます ◆ 星が降る演出（ゆっくり瞬きながら落ちます） ◆ テーマカラーを3色から選べます ◆ 画面の右端にマウスを寄せたときだけ操作パネルが出て、数秒で隠れます ◆ 画面が裏に回ると描画を止めます ━━━━━━━━━━━━━━━━━━━━ 有料版（500円）で増えるもの ━━━━━━━━━━━━━━━━━━━━ ◆ パーティクルが3種類（星・雪・サイバーグリッド）。粒の数の調整と軽量モードつき ◆ テーマカラーを自由に設定 ◆ お品書きの項目数に制限なし。横スクロールと、1項目ずつ切り替える表示から選べます ◆ 0になったときの文を変更 ◆ 背景を透過・単色・グラデーションから選べます ◆ プリセット5件の保存と切り替え、JSONの書き出しと読み込み、全画面ボタン 有料版はこちらです。https://mall-aibou.booth.pm/items/8984095 ━━━━━━━━━━━━━━━━━━━━ 確認したこと ━━━━━━━━━━━━━━━━━━━━ ◆ 確認した範囲：ヘッドレス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のみです） ・ ネット接続は不要です ・ 外部のサーバーと通信しません。広告もトラッキングもありません ━━━━━━━━━━━━━━━━━━━━ できないこと ━━━━━━━━━━━━━━━━━━━━ ・ 保存ができません。ページを閉じたり読み込み直したりすると、設定は初期値に戻ります ・ パーティクルは星の1種類です ・ 背景は暗い色のグラデーションに固定で、透過にはできません ・ 音は鳴りません ・ 配信ソフトとの連携（自動で場面を切り替えるなど）はできません ・ Edge、Safari、数時間の長時間表示、CPU使用率は確認できていません ■ 使ってよい範囲 　個人・法人を問わず、配信や制作にお使いいただけます。クレジット表記は不要です。 　ファイルそのものの再配布・販売はご遠慮ください。 ■ 同梱物 　starting-soon.html ／ README.txt TOOL BOX