# Paramètres du lecteur musical

> **Ce que vous apprendrez**
>
> * Comment activer et personnaliser le lecteur de musique intégré
> * Comment télécharger et configurer vos propres fichiers audio
> * Options avancées incluant l'image du disque, l'affichage mobile et l'intégration du compte à rebours
> * Options de style et de positionnement pour différents appareils

***

## 📂 Accéder aux paramètres du lecteur de musique

1. Depuis votre administration Shopify, allez à **Boutique en ligne > Thèmes**
2. Cliquer sur **Personnaliser** à côté de votre thème Plain Jane actif
3. Dans l'éditeur de thème, ouvrez le **Paramètres du thème** panneau (icône pinceau)
4. Sélectionnez **Lecteur de musique** dans le menu

***

## 🎧 Configuration de base

### **Activer le lecteur de musique**

* **Afficher le lecteur de musique**: Basculer pour activer le lecteur de musique sur ordinateur
* **Afficher le lecteur de musique sur mobile**: Contrôle facultatif d'affichage sur mobile
* **Musique du compte à rebours**: Intégration avec les fonctions de compte à rebours de la page de mot de passe

### **Configuration du fichier audio**

* **champ URL de musique**: Téléchargez votre fichier audio (formats pris en charge : MP3, WAV ou OGG)
* **Préchargement audio**: Précharge automatiquement les métadonnées pour une lecture plus rapide
* **Lecture automatique**: La musique commence à jouer lorsque la page se charge (sous réserve des politiques du navigateur)

> 💡 **Remarque**: Les navigateurs modernes bloquent souvent la lecture automatique avec son tant qu'une interaction utilisateur n'a pas eu lieu.

***

## 🎨 Personnalisation visuelle

### **Affichage de l'image du disque**

* **Afficher le disque**: Basculer pour afficher une esthétique de disque/vinyle rotatif
* **image de couverture du disque**: Téléchargez une pochette d'album personnalisée (recommandé : minimum 200x200px)
* **Rotation du disque**: Effet animé de rotation lorsque la musique joue

### **Contrôles du lecteur**

* **Couleur du bouton du lecteur de musique**: Personnaliser la couleur du bouton lecture/pause
* **Bouton de lecture**: Contrôle de lecture grand et accessible
* **Barre de progression**: Indicateur visuel de la progression de la lecture
* **Contrôles de navigation**: Fonctionnalité lecture/pause

***

## 📱 Optimisation mobile

### **Options d'affichage mobile**

* **Afficher le lecteur de musique sur mobile**: Contrôler la visibilité mobile séparément
* **Alignement de la lecture sur mobile**: Ajustement automatique de l'alignement lorsque le disque est masqué
* **Design réactif**: Le lecteur s'adapte à différentes tailles d'écran

### **Fonctionnalités spécifiques au mobile**

* **Contrôles optimisés pour le tactile**: Tailles de boutons optimisées pour le mobile
* **Considération de la bande passante**: Option de désactivation sur mobile pour économiser des données
* **Optimisation des performances**: Expérience mobile allégée

***

## 🎵 Fonctions avancées

### **Affichage des informations de la chanson**

* **Nom de la piste en cours**: S'affiche dans la barre de la chanson
* **Titre de la piste**: Informations sur la piste personnalisables
* **Suivi de la progression**: Progression de la lecture en temps réel

### **Options d'intégration**

* **Intégration à la page de mot de passe**: La musique peut jouer pendant les minuteries de compte à rebours
* **Synchronisation du thème**: Se coordonne avec les animations générales du thème
* **Continuité entre les pages**: La musique continue lorsque les utilisateurs naviguent (si configuré)

***

## ⚙️ Configuration technique

### **Paramètres audio**

* **Précharger les métadonnées**: Temps de chargement initial plus rapide
* **Élément audio**: Audio HTML5 avec support de repli
* **Prise en charge des formats de fichier**: MP3 (recommandé), WAV, OGG
* **Compatibilité des navigateurs**: Fonctionne dans tous les navigateurs modernes

### **Considérations de performance**

* **Taille du fichier**: Gardez les fichiers audio en dessous de 5 Mo pour des performances optimales
* **Stratégie de chargement**: Préchargement des métadonnées pour un équilibre entre rapidité et fonctionnalité
* **Données mobiles**: Tenez compte de l'utilisation des données par les utilisateurs mobiles

***

## 🎯 Bonnes pratiques

### **Préparation des fichiers audio**

* **Format**: Utilisez le MP3 pour une compatibilité optimale et un bon compromis de taille de fichier
* **Qualité**: 128-256 kbps offre une bonne qualité avec une taille de fichier raisonnable
* **Durée**: Envisagez des boucles plus courtes ou des pistes d'ambiance pour la musique de fond
* **Volume**: Normalisez les niveaux audio pour éviter des changements de volume brusques

### **Expérience utilisateur**

* **Implémentation subtile**: La musique de fond doit améliorer, pas distraire
* **Contrôle utilisateur**: Fournissez toujours des contrôles clairs de lecture/pause
* **Considération mobile**: Testez sur des appareils mobiles avec une bande passante limitée
* **Accessibilité**: Assurez-vous que les contrôles sont accessibles au clavier

***

## 🔧 Dépannage

### **Problèmes courants**

**La musique ne se lancera pas automatiquement**

* Les navigateurs modernes exigent une interaction utilisateur avant de jouer de l'audio

**Performance mobile**

* Les gros fichiers audio peuvent affecter les performances sur mobile
* Envisagez de désactiver sur mobile pour les utilisateurs sensibles aux données
* Testez sur de véritables appareils mobiles, pas seulement les outils de développement du navigateur

**Problèmes de chargement de fichier**

* Assurez-vous que l'URL du fichier audio est accessible
* Vérifiez la compatibilité du format de fichier
* Vérifiez que la taille du fichier n'est pas trop grande

### **Compatibilité des navigateurs**

* **Chrome/Edge**: Prise en charge complète de toutes les fonctionnalités
* **Safari**: Peut avoir des politiques de lecture automatique plus strictes
* **Firefox**: Bonne prise en charge avec des configurations standard
* **Navigateurs mobiles**: Varie selon l'appareil et le navigateur

***