OBSオーバーレイの設定
前提条件
- DJ Live Playlistが起動している（WebSocketサーバーはアプリと共に起動）
- OBS Studioがインストールされている
ブラウザソースの追加
- OBSのソースリストで**+**をクリック
- ブラウザ *(Browser Source)*を選択
- 名前をつける（例：
DLP Overlay）
ソースの設定
| 設定 | 値 |
|---|---|
| URL | http://localhost:9876/dlp |
| 幅 | 800 px（調整可能） |
| 高さ | 150 px（調整可能） |
| FPS | 30 |
**「シーンがアクティブになったときにブラウザを更新」**にチェックを入れて自動再接続を保証します。
オーバーレイの配置
OBSシーンでソースを好みに合わせて移動・リサイズします。オーバーレイはデフォルトで透明 — 動画や背景の上にきれいに統合されます。
オーバーレイが表示されない？
OBSより先にDJ Live Playlistが起動していることを確認。OBSが先に開いていた場合、ソースを右クリック → 更新。
外観のカスタマイズ
DJ Live Playlist → 設定 → オーバーレイタブ：
| オプション | 説明 |
|---|---|
| テーマ | 複数のビジュアルスタイルあり |
| アートワーク | アルバム画像の表示/非表示 |
| QRコード | QRコードの表示/非表示 |
| デッキバッジ | デッキ名の表示/非表示 |
| アニメーション | フェードイン/アウトの速度とスタイル |
変更はCONFIG_UPDATEメッセージ経由でOBSにリアルタイム反映されます。