Paramètres du lecteur musical
Pour Plain Jane et Plain Jane Interactive
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
Depuis votre administrateur Shopify, allez à Boutique en ligne > Thèmes
Cliquez sur Personnaliser les à côté de votre thème Plain Jane actif
Dans l'éditeur de thème, ouvrez le Paramètres du thème panneau (icône pinceau)
Sélectionnez Lecteur de musique du menu
🎧 Configuration de base
Activer le lecteur de musique
Afficher le lecteur de musique: Bascule pour activer le lecteur de musique sur bureau
Afficher le lecteur de musique sur mobile: Contrôle optionnel de l'affichage mobile
Musique du compte à rebours: Intégration avec les fonctionnalités de compte à rebours de la page de mot de passe
Configuration du fichier audio
champ URL de musique: Téléversez 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: Bascule pour afficher une esthétique de disque/vinyle en rotation
image de couverture du disque: Téléversez 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: Personnalisez la couleur du bouton lecture/pause
Bouton 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ôlez la visibilité mobile séparément
Alignement de la lecture mobile: Ajustement automatique de l'alignement lorsque le disque est masqué
Conception responsive: Le lecteur s'adapte à différentes tailles d'écran
Fonctionnalités spécifiques au mobile
Contrôles adaptés au 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
🎵 Fonctionnalités avancées
Affichage des informations de la chanson
Nom de la piste actuelle: S'affiche dans la barre de chanson
Titre de la piste: Informations de piste personnalisables
Suivi de la progression: Progression de la lecture en temps réel
Options d'intégration
Intégration de la page de mot de passe: La musique peut jouer pendant les compteurs
Synchronisation du thème: Se coordonne avec les animations globales 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 prise en charge de secours
Prise en charge des formats de fichier: MP3 (recommandé), WAV, OGG
Compatibilité des navigateurs: Fonctionne sur 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 vitesse et fonctionnalité
Données mobiles: Tenez compte de l'utilisation de données des utilisateurs mobiles
🎯 Bonnes pratiques
Préparation du fichier audio
Format: Utilisez le MP3 pour la meilleure compatibilité et un bon équilibre taille/qualité
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 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 lire l'audio
Performance mobile
Les gros fichiers audio peuvent affecter les performances mobiles
Envisagez de désactiver sur mobile pour les utilisateurs sensibles aux données
Testez sur de vrais appareils mobiles, pas seulement sur 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
Mis à jour