配信画面に重ねて使える、枠・待機パネルの HTML セットです。OBS Studio の「ブラウザ」ソースでローカルの HTML を読み込むだけで使えます。色は config.js のプリセット切替（パステルピンク／ミント／ナイトブルー／オレンジ）で変更できます。外部CDNやWebフォントは使っていないため、オフラインでも動作します。 【できること】 ・カメラ枠（webcam.html）…角丸＋コーナースタイルの透過フレーム ・全画面のやわらかい外枠（border.html） ・ゲーム＋カメラの2分割枠（dual.html） ・「準備中 / BRB」待機パネル（standby.html） ・4色プリセット＋カスタム色（primary / accent / bg など） ・タイトル文言・不透明度・枠の太さ／角丸を設定ファイルで変更 【使い方（かんたん）】 1. ZIPを解凍 2. OBS → ソース → ブラウザ →「ローカルファイル」にチェック 3. 使いたい HTML を選択（例：border / dual / standby は幅1920×高さ1080） 4. 色や文言は同フォルダの config.js を編集 → OBSでページ更新 ※枠の内側は透明です。ゲームやカメラは枠より下のレイヤーに置いてください。 【カスタマイズ例（config.js）】 ・preset … "pastelPink" / "mint" / "nightBlue" / "orange" / "custom" ・title / subtitle … ラベル・待機文言（空で非表示） ・opacity … 枠・パネルの濃さ（0.0〜1.0） ・customColors … 自分で色を指定（preset を custom に） 【内容物（ZIP）】 ・webcam.html / border.html / dual.html / standby.html ・config.js / apply.js ・css/base.css ＋ preset CSS 4色 ・README_使い方.txt（OBS追加手順・ライセンス） 【動作環境】 ・OBS Studio（Windows／Mac／Linux）のブラウザソース ・ネット接続不要（ローカルファイルとして動作） 【ご利用について】 ・個人利用・商用配信（画面載せ）OK。自己利用のための改変もOK ・本ファイル一式の再配布・再販・他ショップへの出品は不可 ・本商品のHTML/CSS/JS・説明文の作成には生成AIを補助的に利用し、制作者が動作確認（表示・色の反映）を行ったうえで公開しています 更新履歴 v1.0（2026年10月）初版公開