OBSのブラウザソースで使う、配信画面のフレームと待機画面のセットです。開始・待機・終了画面、カメラ枠、全画面枠、ゲーム＋カメラ、コメント欄枠、話題テロップの8画面が、同じ色・同じデザインでそろいます。色・文字・動きは設定ページで選べます。 ■ こんな人に ・配信画面をおそろいのデザインで整えたい ・待機画面や終了画面を、自分の文字に変えて使いたい ・画像編集ソフトを使わずに、色や文字を変えたい ■ できること ・8画面：カメラ枠／全画面枠／ゲーム＋カメラ＋情報欄／コメント欄枠／配信開始（カウントダウン付き）／待機・BRB／配信終了／話題テロップ ・色：8色のプリセット（パステルピンク・ミント・ナイトブルー・オレンジ・ラベンダー・レモン・モノクロ・クリムゾン）＋自由な色 ・枠の動き：ふわっと光る／色が流れる／動かない ・開始・待機・終了画面の背景：色つき／透明／半透明の黒、光の粒の演出（ON/OFF） ・枠の太さ・角の丸さ・濃さを調整 ・表示する文字はすべて変更OK（空欄で非表示） ・開始画面は、開始時刻を入れると「あと 4:59」とカウントダウン ・カメラ枠・全画面枠・コメント欄枠の内側は透明 ■ 中身（ZIP） ・webcam.html／border.html／dual.html／chat.html／start.html／standby.html／end.html／telop.html（8画面） ・settings.html（設定ページ） ・config.js（8画面まとめて設定）・frame.js・css ・README_使い方.txt ■ 使い方（3ステップ） ① ZIPを展開して、フォルダを置き場所に置く ② settings.html をブラウザで開き、画面・色・文字を選んで「OBS用URLをコピー」 ③ OBSの「ソース」→「＋」→「ブラウザ」で、URL欄に貼り付け（ローカルファイルのチェックは外したまま） ※使う画面ごとに②③をくり返します ■ 動作環境 ・OBS Studio 28以降（ブラウザソースが使えるもの） ・Windows／Mac ・インストール不要・インターネット接続不要（パソコンの中のファイルだけで動きます） ・設定ページは Chrome／Edge／Firefox／Safari などのブラウザで開けます ■ よくある質問 Q. 8画面を全部同じ色にしたい A. 設定ページの「config.js をダウンロード」で作ったファイルを入れ替えると、8画面すべてに同じ設定が反映されます。 Q. カメラ枠の大きさは変えられますか？ A. OBS上で自由に拡大縮小できます。枠は大きさに合わせて表示されます。 Q. 動きが重いときは？ A. 枠の動きを「動かない」、光の粒をOFFにすると軽くなります。 Q. 画像（PNG）は入っていますか？ A. 入っていません。ブラウザソース用のHTML素材です（色や文字を後から変えられるのが特長です）。 ■ 利用規約 ・個人利用・商用配信（投げ銭・メンバーシップ・広告収益のある配信を含む）での使用OK ・配信・動画への使用、色や文字などの改変OK。クレジット表記は不要です ・ファイル一式を、そのまま／改変して再配布・再販売・他サイトへ出品することは禁止です ・本素材の使用によって生じた損害について、制作者は責任を負いかねます ※本素材のプログラム・デザイン・説明文・画像の作成には生成AIを補助的に利用し、制作者が全画面の表示と設定の反映を確認したうえで公開しています。 ■ 更新履歴 v2.0（2026年10月）全面リニューアル：8画面（開始・終了・テロップ・コメント欄を追加）、8色＋自由な色、動く枠、光の粒、設定ページ、URLでの設定 v1.0（2026年10月）初版（4画面）