OBS用 ホーム画面風オーバーレイ｜ウィジェット自由配置 / Stream Home for OBS

タブレットのホーム画面をモチーフにした、

グラスモーフィズムデザインの配信オーバーレイです。

すりガラス質感のウィジェット（時計・SNS・予定表など9種類）を、

画面上のグリッドに自由に配置できます。

ウィジェットの追加・削除・移動・テキスト編集は、

すべてOBS上の操作だけで完結。

外部エディタや画像編集ソフトは不要です。

雑談配信の待機画面、作業配信のレイアウト、

ラジオ配信の常設画面などにお使いいただけます。

■ グラスモーフィズムデザインについて

ウィジェットは半透明のガラス風デザインです。

上から差す光・ガラスの厚み・すりガラスのざらつき・

フチのハイライトを重ねて質感を表現しています。

「ガラスの濃さ」「ノイズの強さ」「影の強さ」は

設定パネルからスライダーで調整できます。

暗い壁紙・明るい壁紙のどちらにも、文字色の切り替えで対応します。

※ 壁紙は同梱されません。お好みの画像・映像ソースの上に

　 重ねてお使いください。

■ 同梱ファイル

stream_home.html オーバーレイ本体

README_JA.txt 日本語README

README_EN.txt English README

■ 動作環境

OS ：Windows 10 / 11

macOS（動作するはずですが動作確認はWindowsのみ）

OBS ：OBS Studio 30以降

※ OBSのWebSocket設定は不要です。ファイルを追加するだけで使えます。

■ 主な機能

・ウィジェット9種類（複数配置可）

　時計（大・横長・小の3サイズ）/ SNSアカウント / カウンター /

　ハッシュタグ / お知らせ / フリーメモ / スケジュール

・8×4グリッドにドラッグで自由配置

・ウィジェットの追加・削除・テキスト編集がOBS上で完結

・SNSウィジェットはアイコン11種（X / YouTube / Instagram /

　Twitch / Discord / TikTok / Spotify / ニコニコ / Bluesky ほか）

・スケジュールウィジェットは当日の行を自動ハイライト

　（曜日固定・なしにも切替可）

・ドック（画面下のアイコン置き場）：32種から選択、個別に表示/非表示

・ステータスバー（ミニ時計 / Wi-Fi / バッテリー）の個別表示切替

・ガラスの濃さ・文字色（白/黒）・フォント5種・

　ノイズ・影の強さを設定パネルで調整

・設定の書き出し / 読み込み（テキスト1行でバックアップ・移行）

・設定の初期化ボタン（誤操作防止の2段階式）

・自動保存（OBS再起動後も配置・テキストを維持）

■ セットアップ

【Step 1】

OBSのソースパネルで + → ブラウザ を追加する

【Step 2】

以下を設定してください。

ローカルファイル ：チェックを入れる

ファイル ：stream_home.html を選択

幅 ：1920（配信解像度に合わせる）

高さ ：1080

透明な背景 ：チェックを入れる

【Step 3】

ブラウザソースのプロパティで

「シーン切り替え時にページを更新」をオフにしてください。

（設定保持のため必須です）

■ 基本操作

ブラウザソースを右クリック → 対話（操作） から操作します。

・ウィジェットを長押し（0.7秒）→ 編集モード

・ドラッグで移動（置ける場所は白枠、置けない場所は赤枠で表示）

・点線のテキストをクリックで直接編集

・左上の「−」でウィジェット削除

・右上「＋ ウィジェット」で追加

・「完了」または Esc で保存して終了

■ 日本語入力について

OBSの対話ウィンドウは日本語入力（IME）が

正しく動作しないことがあります。その場合は以下で対応できます。

・メモ帳などで書いてコピー → Ctrl+V で貼り付け

・普段のブラウザで開いて編集 → 設定を書き出し →

　OBS側で読み込み（詳細はREADMEに記載）

■ 注意事項

・OBSのブラウザソース設定で

　「シーン切り替え時にページを更新」を必ずオフにしてください。

・フォントの読み込みにインターネット接続が必要です。

・OBSのブラウザソースの仕様上、ガラスのぼかしは

　背後の配信映像には適用されません。

　（半透明・ノイズ・ハイライトで質感を表現しています）

■ ご利用について

配信での使用は、商用・非商用問わず自由です。

再配布・改変・転売はご遠慮ください。

■ 免責事項

本アプリの使用によって生じたトラブルや損害については、責任を負いかねます。

OBS Studioのアップデート等により、動作しなくなる場合があります。

■ サポートについて

不具合やご要望がありましたら、お知らせください。

可能な範囲で確認しますが、対応をお約束するものではありません。