Ajouter Music Player à OBS
Connecte Spotify et le titre en cours de lecture apparaît automatiquement sur ton stream, titre, artiste, pochette et une barre de progression en direct, mis à jour dès qu'un nouveau titre démarre. Optionnel et indépendant de la plateforme utilisée pour te connecter ; choisis le look Spotify ou l'un des 5 autres designs.
Environ 2 minutes
Pas à pas
- 1
Connectez-vous et créez le widget
Ouvrez le tableau de bord Streamities, choisissez Music Player et créez-en un. Personnalisez-le tout de suite ou gardez les réglages par défaut — l'URL d'overlay fonctionne dans les deux cas et reprend vos modifications au fur et à mesure.
- 2
Copiez l'URL de l'overlay
Chaque widget a son URL unique. Copiez-la depuis la page du widget dans le tableau de bord : c'est tout ce dont OBS a besoin, et elle reste valable — vous ne le ferez donc qu'une fois.
- 3
Ajoutez une Browser Source dans OBS
Dans votre scène, ajoutez Sources → Navigateur, donnez-lui un nom et collez l'URL dans le champ URL. Streamlabs et XSplit proposent le même type de source sous le même nom.
- 4
Réglez la taille sur 500 × 200
Saisissez 500 dans Largeur et 200 dans Hauteur. Dimensionnez la source plutôt que de la redimensionner ensuite — une Browser Source étirée rend un texte flou, parce qu'OBS agrandit une image déjà finie.
- 5
Décochez « Arrêter la source lorsqu'elle n'est pas visible »
Avec cette option activée, OBS détruit la page dès que la scène n'est plus active et la connexion en direct disparaît avec elle — ce qui ressemble exactement à un widget qui ne se met plus à jour. Laissez-la désactivée, placez Music Player où vous voulez, et c'est terminé.
Réglages Browser Source recommandés
Un point de départ pour Music Player, pas une règle — chaque overlay s'adapte au cadre qu'on lui donne. Réglez la largeur et la hauteur ici, puis placez la source dans votre scène sans la redimensionner.
- Largeur
- 500
- Hauteur
- 200
- Où le placer
- Dans un coin de votre mise en page, où il reste visible sans masquer le jeu.
Laissez la transformation de la source à 100 %. Redimensionner une Browser Source après coup agrandit une image déjà rendue, et c'est exactement ce qui rend le texte d'un overlay flou.
Bon à savoir
Le look de Spotify
Reproduit par défaut presque à l'identique la barre Now Playing de Spotify, ou passe à Minimal, Carte, Vinyle, Néon ou Compact.
Se met à jour tout seul
Titre, artiste, pochette et barre de progression se mettent à jour en direct avec ta lecture Spotify: aucun rechargement manuel.
Connexion optionnelle et distincte
Connecter Spotify est entièrement optionnel et indépendant de la plateforme utilisée pour te connecter et démarrer ton live.
Si rien n'apparaît
La source reste vide ou noire+
Actualisez la source (clic droit → Actualiser) et vérifiez que l'URL a été collée en entier. Une source noire au premier chargement puis correcte après actualisation vient généralement de l'accélération matérielle — activez-la dans Paramètres → Avancé dans OBS.
Ça marchait, puis ça a cessé de se mettre à jour+
Presque toujours « Arrêter la source lorsqu'elle n'est pas visible ». Activée, elle fait fermer la page par OBS à chaque changement de scène, et la connexion en direct disparaît avec elle. Désactivez-la dans les propriétés de la source.
Le texte est flou+
La source est mise à l'échelle. Réinitialisez la transformation (clic droit → Transformation → Réinitialiser la transformation) et saisissez plutôt la largeur et la hauteur dans les propriétés de la source — 500 × 200 est la taille de départ.
Il a la mauvaise taille dans ma scène+
Modifiez Largeur et Hauteur dans les propriétés de la source au lieu de tirer sur les poignées. Tirer agrandit l'image rendue ; les propriétés changent ce qui est rendu.
Music Player : questions fréquentes
Music Player est-il gratuit ?+
Oui. Chaque formule inclut un widget Music Player, mises à jour en direct et apparence par défaut comprises. Creator+ ajoute un nombre illimité de widgets de chaque type, ainsi que la personnalisation complète, les animations et les modèles premium.
Quelle taille de Browser Source utiliser pour Music Player ?+
Commencez à 500 × 200 pixels, réglés dans les propriétés de la source plutôt qu'en redimensionnant la source dans la scène — le widget s'adapte au cadre qu'on lui donne.
Music Player fonctionne-t-il avec Streamlabs et XSplit ?+
Oui. Music Player est une page web ordinaire : il fonctionne dans tout logiciel de stream disposant d'une source navigateur ou overlay web — OBS Studio, Streamlabs, XSplit et les autres.
Combien de temps faut-il pour installer Music Player ?+
Quelques minutes. Créez-le dans le tableau de bord, copiez son URL, collez-la dans une source. La personnalisation vient plus tard, en direct, sans retoucher à OBS.
Dois-je installer un plugin ?+
Non. Il n'y a rien à télécharger ni de plugin à maintenir à jour — Music Player est une URL, et il se met à jour de notre côté.