# ミュージックプレーヤーの設定

> **学べること**
>
> * ミュージックプレーヤーの有効化とカスタマイズ方法
> * 独自の音声ファイルのアップロードとリンク方法
> * 任意のディスクアート、ホバーバー、曲リストスタイルの使い方

***

### 📂 ミュージックプレーヤー設定にアクセス

1. Shopify管理画面から、次へ移動します **オンラインストア > テーマ**
2. クリック： **テキストの** アクティブな Plain Jane テーマの隣に
3. テーマエディタで、を開きます **テーマ設定** パネル（ペイントブラシのアイコン）
4. を選択します **ミュージックプレーヤー** メニューから

***

### 🎧 ミュージックプレーヤーを有効にする

* 切り替え： **ミュージックプレーヤーを表示** デスクトップで有効にするには
* 任意：有効にする **モバイルでミュージックプレーヤーを表示**
* 回転するディスク画像を表示するには、を有効にできます **ディスクを表示**
* カスタムをアップロード **ディスクカバー画像** でミュージックUIを個性化します
* カスタマイズ **ミュージックプレーヤーボタンの色**

***

### 🎶 トラックをアップロード

> ⚠️ **ストリーミングサービスはサポートされていません**
>
> 使用する必要があるのは **直接の .mp3 ファイルリンク** — Spotify、Apple Music、SoundCloud などのストリーミングURLは動作しません。

#### 曲をアップロードするには：

1. 移動先： **Shopify 管理 > コンテンツ > ファイル**
2. クリック： **ファイルをアップロード** して、あなたの `.mp3` ファイル
3. アップロード後、のをクリックします **リンクアイコン** ファイルの横にある
4. リンクURLをコピー
5. 任意のに貼り付けます **ミュージックURL** テーマ設定のフィールド

> 🔹 最大6曲までアップロードできます（使用するのは） **ミュージックURL 1–6** フィールド 🔹 を使用して **トラック名** フィールドで各曲にラベルを付けます（例：アーティスト - 曲名）

***

### 🔊 ソングバーのオプション

* を有効にする **ソングバー** ホバー時に現在のトラック名を表示します
* を使用して **ソングバーを中央に配置** プレーヤーの下にラベルを中央表示します
* **ソングバーを常に表示** トラックを常に表示したままにします

ソングバーをカスタマイズ：

* **ソングバーテキストの色**
* **サウンドバーカラー** （グラデーションまたは単色）
* **フォントサイズ** トラック表示用

***

### 💲 追加オプション

* トラックを追加 **パスワードアニメーションで音楽を解放** パスワード画面のアニメーション終了時に自動再生するには
  * これを有効にするには、パスワードページのタイマーセクションで「パスワード入力アニメーション」を有効にする必要があります

***

### 🔊 ヒント

* UIのはみ出しを避けるために短い曲名を使用してください
* あなたの `.mp3` ファイルはサイトの読み込み時間を短くするために圧縮されていることを確認してください
* デバイス間で再生をテストしてください

> 📢 ブラウザの自動再生規則により、ユーザーがページと対話してからでないと音楽は再生されません

***

### **ヘルプが必要ですか？**

* 💬 **Discordでコミュニティに参加：** <https://discord.gg/hcc2GvgZc6>
* 📧 **メールでお問い合わせ：** <support@openspaces.design>
* 💻 **ライブチャット：** 月〜金、現地時間午前10時〜午後6時（EST）に当社ウェブサイトで直接対応


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.openspaces.design/english-ja/plain-jane-interactive/theme-settings/music-player-settings.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.