OBS用ミュージックプレイヤーオーバーレイ│Music Player Overlay for OBS

OBSのブラウザソースで動作する音楽再生プレーヤーオーバーレイです。

配信中に音楽ファイルを再生しながら、

曲名・アーティスト名・ジャケット画像をリアルタイムで表示できます。

■ 同梱ファイル

music_overlay.html プレーヤー本体

README_JA.txt 日本語README

README_EN.txt English README

■ 動作環境

OBS : OBS Studio（ブラウザソース対応版）

OS : Windows / macOS

■ 主な機能

・再生 / 一時停止 / スキップ

・ループ再生（off → 単体 → 全体）

・シャッフル再生

・お気に入り登録

・時間表示切替（残り時間 ↔ 経過時間）

・カラーテーマ切替（10種類）

・曲名・アーティスト名のリアルタイム編集

・トラックの追加 / 削除 / 並び替え（上限なし）

・設定の自動保存

・セットリストのエクスポート / インポート（JSON）

■ カラーテーマ（10種類）

Crimson / Sunset / Lemon / Forest / Mint /

Ocean Blue / Night / Pop Pink / Mono / Dark Mode

■ 自動保存について

以下の内容は自動で保存されます。

曲名

アーティスト名

カラーテーマ

トラック順

各種設定

以下のファイルはOBS再起動後に再読み込みが必要です。

音楽ファイル

ジャケット画像

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

「シーン切り替え時にページを更新」をオフにすることを推奨します。

■ セットアップ

Step 1

music_overlay.html と使用する音楽ファイル・画像ファイルを

同じフォルダに配置してください。

Step 2

OBSの「ソース」パネルから

「＋ → ブラウザ」を追加し、以下を設定してください。

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

ファイル : music_overlay.html を選択

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

サイズは用途に応じて設定してください。

▼ プレーヤーのみ表示する場合

幅 : 580

高さ : 220

▼ 管理パネルも表示する場合

幅 : 580

高さ : 945

Step 3

ブラウザソースを右クリック → 「対話（操作）」を開きます。

「トラック管理」パネルから

音楽ファイル・画像ファイルを読み込み、

再生ボタンを押してください。

■ 注意事項

・プレーヤーは画面左上に表示されます。

OBS上で自由に位置調整してください。

・音が出ない場合は、

「トラック管理」パネルの音符ボタンから

音楽ファイルを読み込んでください。

・エクスポート画面が表示されない場合は、

OBSの「対話（操作）」から開いてください。

■ ライセンス

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

・再配布・改変・転売は禁止です。

■ 免責事項

本アプリの使用によって発生したトラブル・損害について、

責任は負いかねます。

また、OBS Studioのアップデート等により、

動作しなくなる場合があります。

■ サポート

不具合やご要望がありましたらご連絡ください。

可能な範囲で確認・対応いたしますが、

対応を保証するものではありません。