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 administration Shopify, allez à Boutique en ligne > Thèmes
Cliquer sur Personnaliser à 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 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
Mis à jour