音楽の再生・曲情報の表示・音に反応するVisualizerを、 ひとつにまとめたOBS用ミュージックプレイヤーです。 BGMを再生しながら、 曲名・アーティスト名・ジャケット画像を配信画面に表示できます。 再生している音楽に合わせて、 カード内のVisualizerもリアルタイムで動きます。 音楽はブラウザソースからOBSへ出力されるため、 デスクトップ音声とは分けてOBSミキサー上で管理できます。 仮想音声デバイスや外部の中継サーバーは必要ありません。 ■ このツールでできること ● BGMの再生・管理 再生 / 一時停止 / 前へ / 次へ / 再生位置の変更に対応しています。 音量調整のほか、 1曲リピート / 全曲リピート / シャッフル再生も使用できます。 ● 曲をクロスフェードで切り替え 曲の終わりや再生中の曲変更時に、 再生中の曲と次の曲を重ねながら切り替えられます。 切替時間は0.5〜8秒の範囲で調整できます。 ※ 短い曲や1曲リピートなど、 　状態によって自動クロスフェードを行わない場合があります。 ※ ギャップレス再生を保証する機能ではありません。 ● フェードしながら停止 ボタンを押すと、設定した時間をかけて音量を下げてから停止します。 フェード時間は0.5〜10秒で設定できます。 ● 曲情報とジャケットを表示 曲名・アーティスト名・ジャケット画像を設定できます。 曲名とアーティスト名はDockから編集できます。 長い文字は表示幅に合わせて自動でスクロールします。 ● プレイリストを管理 複数の音楽ファイルをまとめて追加できます。 曲順の変更 / 曲の削除 / 音楽ファイルの差し替え / ジャケット画像の追加・変更に対応しています。 曲数は最大500件です。 ■ 音に反応するVisualizer このプレイヤーで再生している音楽を解析して、 曲情報の下にVisualizerを表示します。 感度 / 高さ / 不透明度 / 立ち上がり / 減衰 / バーの本数を調整できます。 PlayerとVisualizerを別々に配置するのではなく、 ひとつのカードデザインとしてまとめています。 ※ Visualizerが反応するのは、 　このツールで再生している音楽です。 ※ マイク・ゲーム音・デスクトップ音声など、 　別のOBS音声ソースを解析する機能ではありません。 ■ 2種類のレイアウト ● Compact カード幅 560px コンパクトに置きたい場合の標準レイアウトです。 ● Wide カード幅 880px 横幅を広く使って、 曲情報やVisualizerを見せたい場合に使用できます。 どちらもブラウザソースは960×240で使用します。 位置や全体サイズはOBS上で調整できます。 ■ デザイン テーマは、 Dark / Light / カスタム から選択できます。 カスタムでは背景色を自由に変更できます。 文字色も、 自動 / 白 / 黒 / カスタム から設定できます。 アクセントカラーは、 再生状態の印・進行線・Visualizerへ共通して反映されます。 ジャケット / アーティスト名 / Visualizerは、 それぞれ表示・非表示を切り替えられます。 ■ OBSで音楽を個別管理 音楽は配信用ブラウザソースからOBSへ出力します。 OBSミキサー上で、 音量・ミュート・録画トラックを個別に設定できます。 デスクトップ音声を使ってBGMを取り込む必要はありません。 Dockとブラウザソース間の音声連携には、 同じPC内のWebRTC通信を使用します。 仮想音声デバイスや外部中継サーバーの導入は不要です。 ■ Sound Visualizer for OBSとの違い 「Sound Visualizer for OBS」は、 マイク・BGM・全体ミックスなど、 OBS側の音声ソースを選んで反応させるためのツールです。 Music Player Visualizerは、 このプレイヤー自身で再生しているBGMにVisualizerが反応します。 BGMの再生・曲情報・Visualizerを ひとつにまとめて使う場合はMusic Player Visualizer。 マイクやゲーム音など、 別のOBS音声をVisualizerへ反応させる場合は Sound Visualizer for OBSという使い分けができます。 ■ 自動保存について 以下の内容は自動で保存されます。 ・曲名 ・アーティスト名 ・曲順 ・レイアウト ・テーマ ・Visualizer設定 ・再生設定 ・ファイルの照合情報 音楽ファイルとジャケット画像そのものは保存されません。 OBSやDockを再起動したあとは、 音楽ファイル・ジャケット画像の再選択が必要です。 前回と同じ名前・サイズの音楽ファイルは、 保存されている曲情報との再割り当てを行います。 ■ 設定・曲情報のバックアップ 設定や曲情報は、JSONファイルとして書き出すことができます。 バックアップには、 ・曲名 ・アーティスト名 ・曲順 ・ファイル名・サイズ ・レイアウト ・テーマ ・Visualizer設定 ・再生設定など が保存されます。 書き出したJSONを読み込むことで、 設定・曲情報を復元できます。 フォルダーを移動する場合や、 ブラウザーの保存データを削除する前のバックアップにも使用できます。 音楽ファイル・ジャケット画像そのものは、 バックアップには含まれません。 復元後は、音楽ファイルとジャケット画像を再選択してください。 OBS WebSocketの接続パスワードや、 配信用ブラウザソースのURLもバックアップには含まれません。 ■ 動作環境 OS Windows 動作確認環境 Windows 11 OBS OBS Studio 32.2.2（64bit）で動作確認 カスタムブラウザDock ブラウザソース OBS WebSocket v5 を使用します。 macOS / Linuxは未検証です。 ■ セットアップ OBS WebSocketを有効にする dock.html をカスタムブラウザDockとして登録 DockからOBSへ接続し、 配信用ブラウザソースのURLを作成 作成されたURLをOBSのブラウザソースへ貼り付け ローカルファイルをOFF ブラウザソースを 幅960 / 高さ240に設定 「OBSを介して音声を制御する」をON 音楽ファイルを追加して再生 詳しい手順は同梱のREADME_JA.txtに記載しています。 ■ 注意事項 ・表示URLには、OBS WebSocketの接続パスワードが含まれます。 　URLは公開・共有しないでください。 ・継続して再生する場合は、 　ブラウザソースの「非表示時にソースをシャットダウン」と 　「シーンがアクティブになったときにブラウザを更新」をOFFにしてください。 ・音楽ファイルとジャケット画像は、 　再起動後に再読み込みが必要です。 ・音楽の対応形式はOBS内ブラウザーの対応状況に依存します。 　使用予定の音楽ファイルで事前に再生・録画をご確認ください。 ・VisualizerはOBSミキサーより前の音声を解析しています。 　OBS側で行ったミュートや音量変更には反応しません。 ・自分用のモニター音をデスクトップ音声でも取り込むと、 　音楽が二重に収録される場合があります。 　配信・録画前に短い録画で音声をご確認ください。 ■ ご利用について 配信での使用は、商用・非商用問わず自由です。 再配布・改変・転売はご遠慮ください。 使用する音楽・画像については、 それぞれの利用条件に従ってください。 ■ サポートについて 不具合やご要望がありましたら、お知らせください。 可能な範囲で確認しますが、対応をお約束するものではありません。 Version 1.1.0 設定・曲情報のバックアップ機能に対応しています。