[ OBS/配信用素材 ]　音楽プレーヤー風ツール

OBSで使える音楽プレイヤー

選択した楽曲が自動でループ再生されるので配信中のBGMなどに利用可能です。

■データ内容

・obs-Musicplayer_white.html

　　白ベースに青の配色の音楽プレイヤー

・obs-Musicplayer_blacke.html

　　黒ベースに黄緑の配色の音楽プレイヤー

・obs-Musicplayerの使い方・注意事項

　　日本語説明書※このページに記載の「使い方・注意事項」と同じ内容です

・Instructions for use and precautions

　　英語説明書

使い方・注意事項

選択した楽曲がループで再生されるOBS向け音楽プレイヤーHTML

・obs-Musicplayer_white.html

　　白ベースに青の配色の音楽プレイヤー

・obs-Musicplayer_blacke.html

　　黒ベースに黄緑の配色の音楽プレイヤー

----

個人、企業にかかわらず自由にお使いいただけます。

改変の有無にかかわらずデータの再配布は禁止です。

改変は自由に行っていただいて構いません。

----

【使い方】

①OBSにドラッグアンドドロップ、もしくはブラウザソースを追加し、DLした「obs-Musicplayer_〇〇.html」を選択

②ローカルファイルにチェックを入れる。

③先ほど作ったブラウザソースを右クリックし、「対話」を選択

④OBS上に表示されているプレイヤー画面の「フォルダ選択」をクリックし、読み込みたい画像データと音楽データをすべて選択し読み込む。

【楽曲と画像を連動させる方法】

画像の名前を楽曲データと同じ名前にし、同じフォルダに入れてください。

画像データがない場合は「NO IMAGE」と表示されます

■読み込み可能な形式

音声ファイル：.mp3 / .wav / .ogg / .flac

画像ファイル：.png / .jpg /.jpeg / .webp

【プレイヤーの色を変える方法】

①メモ帳に「obs-Musicplayer_white」もしくは「obs-Musicplayer_black」をドラッグアンドドロップ、もしくはメモ帳の「ファイル」「開く」から該当のファイルを読み込んでください。

②メモ帳に記載の以下の部分が色替え部分です。HTMLカラーコードで入力してください。

:root {

--bg: #0a0a0f;

--surface: #13131a;

--surface2: #1c1c28;

--accent: #ff6eb4;

--text: #f0f0f8;

--muted: #5a5a72;

--border: rgba(255,255,255,0.10)

}