# 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 *** --- # 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/plain-jane-docs-v2-fr/readme-1/theme-settings/music-player-settings.md?ask= ``` 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.