縦型配信（1080×1920）用の、ゲーム画面とカメラの窓枠、タイトル帯、情報バー（今日の予定・SNS・時計）を、テーマごとにそろえたセットです。 窓の部分は透明に抜けているので、OBSのブラウザソースを一番上に置き、下にゲーム画面とカメラを重ねて使います。 ブラウザで開いて設定するだけで動き、外部のサーバーとは通信しません。 世界観の違うテーマを6つ入れました。枠の形は5種類から選べます。 無料版（2テーマ）もあります。https://mall-aibou.booth.pm/items/8983812 ━━━━━━━━━━━━━━━━━━━━ この商品で得られるもの ━━━━━━━━━━━━━━━━━━━━ ◆ 世界観の違うテーマ6つ 　 ネオンサイバー／和風 朱と藍／ゆめかわパステル／レトロゲーム ドット／ナチュラル手帳／宇宙 ミッドナイト ◆ 枠の形5種（四角、角丸、面取り、大きな丸み、チケット）。同じテーマでも、形で雰囲気が変わります ◆ 配置2種（ゲームとカメラを上下に並べる／ゲームを大きく、カメラを小窓にする） ◆ メイン色とサブ色の変更、背景なし（枠と帯だけ）の切り替え ◆ 配信タイトル、サブタイトル、バッジ、今日の予定、SNS表示を入力でき、ブラウザに保存されます ◆ 時計の表示（24時間、秒まで、12時間） ◆ OBSのURLに入れる文字列の作成 ━━━━━━━━━━━━━━━━━━━━ 使い方（3ステップ） ━━━━━━━━━━━━━━━━━━━━ 1. vertical-stream-frame-set.html をダブルクリックして、ブラウザで開き、テーマ・枠の形・文言を決める 2. 画面左の「OBSで使うとき」の文字列を、このファイルのURLのうしろにつけて、OBSのブラウザソース（幅1080、高さ1920）のURLに貼る 3. ゲーム画面とカメラのソースを、ブラウザソースの下に置き、窓の位置に合わせる ━━━━━━━━━━━━━━━━━━━━ 窓の位置と大きさ（1080×1920） ━━━━━━━━━━━━━━━━━━━━ 上下2段　　ゲーム 左上(60, 252) 960×600 ／ カメラ 左上(60, 902) 960×650 ゲーム大＋カメラ小窓　ゲーム 左上(60, 252) 960×1300 ／ カメラ 左上(590, 1102) 400×420 タイトル帯 左上(60, 56) 960×150 ／ 情報バー 左上(60, 1600) 960×260 ━━━━━━━━━━━━━━━━━━━━ 動作環境 ━━━━━━━━━━━━━━━━━━━━ ・Chrome / Edge / Safari の最新版（OBSのブラウザソース） ・ネット接続は不要です ・外部の画像・フォント・サーバーは使いません。広告もトラッキングもありません ━━━━━━━━━━━━━━━━━━━━ できないこと ━━━━━━━━━━━━━━━━━━━━ ・ゲーム画面やカメラの映像は含まれません（窓の部分は透明です） ・OBSの設定ファイルの書き出しはありません ・テーマの追加や、窓の大きさの自由変更はできません ━━━━━━━━━━━━━━━━━━━━ ご注意 ━━━━━━━━━━━━━━━━━━━━ ・動作の確認は Chrome と OBS Studio 32.2.2（macOS版）で行いました。Windows、Edge、Safariでの確認はしていません ・背景の透明は、URLの「obs=1」でCSSを透明にする作りです。OBS側で背景色が入っている場合は、外してください ・文字は、お使いのパソコンに入っている日本語フォントで表示されます。環境により、太さや幅が少し変わります ・OBSのブラウザソースは、ブラウザと保存場所が別です。文言はURLの文字列に入ります ■ 使ってよい範囲 　配信や制作にお使いいただけます。クレジット表記は不要です。 　ファイルそのものの再配布・販売はご遠慮ください。 ■ 同梱物 　vertical-stream-frame-set.html ／ README.txt TOOL BOX