Version actuelle : 0.0.20
🎵 Better Last.fm — Extension Twitch
Better Last.fm est une extension Twitch conçue pour enrichir l’expérience musicale en live, en affichant en temps réel la musique actuellement écoutée par le streamer via Last.fm.
Grâce à une interface compacte et élégante, l’extension permet de :
- Afficher le titre en cours de lecture (pochette, artiste, durée depuis le début)
- Voir l’historique des deux derniers morceaux
- Accéder en un clic à Spotify ou YouTube Music via des icônes interactives
- Proposer un affichage fluide, minimaliste et non intrusif, parfaitement intégré au panneau Twitch
✨ Objectif
Better Last.fm vise à :
- Mettre en avant les morceaux écoutés en direct
- Partager l’ambiance musicale du stream avec les spectateurs
- Permettre aux viewers de découvrir, écouter ou ajouter les titres en un instant
🔗 Fonctionnement
L’extension repose sur l’API de Last.fm. Pour l’utiliser, le streamer a simplement besoin de :
- Un compte Last.fm connecté à Spotify, ou bien de l’extension navigateur Web Scrobbler pour d’autres plateformes (YouTube Music, Soundcloud, Deezer, Apple Music...)
- Une clé API Last.fm, à saisir une seule fois via l’interface de configuration
Les morceaux sont récupérés automatiquement toutes les 5 secondes et l’affichage se met à jour en temps réel, sans aucune action requise.
❔ FAQ — Better Last.fm
🔗 Comment connecter mon compte Spotify à Last.fm ?
Rendez-vous dans vos paramètres Last.fm et cliquez sur "Connect" à côté de Spotify. Une fois lié, vos musiques écoutées seront envoyées automatiquement à Last.fm.
🔍 Où trouver ma clé API Last.fm ?
Vous pouvez en générer une en allant sur cette page. Il suffit de remplir le formulaire avec un nom d'application et de copier votre clé une fois créée.
❓ Que faire si ma musique ne s’affiche pas dans l’extension ?
- Vérifiez que vous avez bien lié Spotify à Last.fm
- Assurez-vous que vos lectures récentes sont publiques dans les paramètres de confidentialité
- La mise à jour est automatique toutes les 15 secondes, attendez quelques instants
🎶 Comment utiliser Better Last.fm avec YouTube Music, Deezer, Apple Music, etc. ?
Si vous n’utilisez pas Spotify, vous pouvez installer l’extension gratuite Web Scrobbler (Chrome/Firefox). Elle permet de synchroniser vos écoutes depuis des plateformes comme YouTube Music, Soundcloud, Deezer, Apple Music et bien d’autres vers votre compte Last.fm.
⌛ Pourquoi ma musique met-elle du temps à s'afficher ?
Better Last.fm met à jour les données toutes les 15 secondes. Si vous venez de changer de morceau, il peut y avoir un petit délai avant qu'il apparaisse à l’écran.
🎵 Pourquoi voit-on parfois deux fois le même morceau ?
Si la chanson en cours est aussi le dernier morceau de votre historique, Better Last.fm le détecte et masque automatiquement les doublons pour ne pas les afficher deux fois.
👤 Est-ce que les viewers peuvent interagir avec l’extension ?
Better Last.fm est une extension de type panel passif : elle affiche uniquement les morceaux joués en temps réel. Les viewers ne peuvent pas interagir avec l’interface, mais ils peuvent cliquer sur les icônes Spotify ou YouTube Music pour écouter les titres.
🎨 Puis-je modifier les couleurs ou le style visuel de l’extension ?
Non. L’apparence de l’extension est définie par son code source. Twitch n’autorise pas la personnalisation directe par les streamers sur les extensions officielles.
💾 Est-ce que mes données sont stockées quelque part ?
Non. Aucune donnée n’est stockée sur des serveurs tiers. Toutes les informations sont récupérées directement depuis l’API publique de Last.fm, et ne sont visibles que localement par l’extension.
📰 Changelog — Better Last.fm
📦 Version 0.0.20
Date de sortie : 13 juin 2025
✨ Nouveautés
- Ajout des icônes Spotify et YouTube Music sous le morceau en cours, avec lien direct vers une recherche du titre
- Les icônes sont désormais visibles aussi dans l’historique au survol
🔧 Améliorations
- Défilement automatique des titres trop longs avec animation fluide
- Pause ajoutée en début et fin de défilement pour un meilleur confort visuel
- Amélioration de la détection de doublons dans l’historique (le morceau en cours n'est plus répété)
🐛 Correctifs
- Correction du texte qui défilait inutilement même s’il tenait dans le conteneur
- Réajustement du centrage vertical et horizontal du panneau
- Optimisation du rafraîchissement automatique (moins de clignotement)
🔧 Prérequis
Avant d’utiliser l’extension Better Last.fm sur Twitch, assurez-vous de remplir les conditions suivantes :
- Disposer d’un compte Last.fm actif
- Avoir un compte Spotify lié à Last.fm (ou utiliser Web Scrobbler pour d'autres plateformes)
- Obtenir une clé API Last.fm (gratuite)
- Disposer d’un compte Twitch avec accès au panneau d’extensions
- Utiliser un navigateur compatible avec l'extention Web Scrobbler (Chrome, Firefox, Edge...)
Si utilisation d'autre plateforme de streaming musical que Spotify :
Une fois ces éléments réunis, vous pourrez passer à l'étape d'installation de l’extension sur votre chaîne Twitch.
🧩 Installer l’extension sur Twitch
Une fois les prérequis remplis, vous pouvez ajouter l’extension Better Last.fm à votre chaîne Twitch.
📥 Étapes d’installation
- Rendez-vous dans votre gestionnaire d’extensions Twitch (tableau de bord créateur)
- Cliquez sur « Découvrir des extensions » et cherchez Better Last.fm
- Installez l'extension
- Assurez-vous de l’activer en tant que « panel »
- Placez l’extension dans la zone de panneau souhaitée (sous le live)
Une fois activée, vous pourrez accéder à l’interface de configuration pour lier votre compte Last.fm et ajouter votre clé API.
🔐 Remarque : cette extension ne collecte aucune donnée personnelle. Elle interroge uniquement l’API publique de Last.fm en lecture seule.
⚙️ Configurer l’extension
Une fois l’extension installée en tant que panneau Twitch, vous devez renseigner vos informations pour que la récupération de vos écoutes musicales fonctionne.
🛠 Étapes de configuration
- Cliquez sur l’icône « Configurer » depuis votre panneau d’extension Twitch
- Dans la fenêtre de configuration Better Last.fm, entrez :
- Votre pseudo Last.fm
- Votre clé API Last.fm (générée sur leur site)
- Cliquez sur le bouton « Enregistrer la configuration »
- Un message vert vous indique si la connexion est réussie
Ces informations sont enregistrées en toute sécurité via le service de configuration Twitch, et ne sont visibles que par vous.
🔐 Vous pouvez modifier ces informations à tout moment via le bouton « Configurer » sur la page d’extension.
🔗 Lier Last.fm à Spotify (ou autre)
Pour que Better Last.fm récupère automatiquement vos musiques écoutées, vous devez connecter votre compte Last.fm à votre plateforme musicale. La plus simple est Spotify, mais d’autres plateformes sont compatibles.
🎧 Connexion à Spotify (recommandée)
- Connectez-vous à last.fm
- Rendez-vous dans vos Paramètres des applications
- Dans les Suggested Applications, vous devriez trouver « Spotify Scrobbling », cliquez alors sur « Connect »
- Autorisez l'accès à votre compte Spotify
🌐 Autres plateformes compatibles
Si vous utilisez une autre plateforme (YouTube Music, Deezer, Soundcloud, Apple Music…), vous pouvez utiliser l'extension de navigateur Web Scrobbler
Une fois l'extension installée et connectée à votre compte Last.fm, Web Scrobbler transmettra vos écoutes en temps réel.
🔄 Une fois la connexion effectuée, l’extension Twitch pourra afficher votre musique en cours, sans autre action de votre part.
▶️ Lecture en cours
L'extension Better Last.fm repose sur l'affichage du morceau que vous écoutez actuellement.
🔍 Affichage en temps réel
L'extension interroge Last.fm toutes les 5 secondes pour détecter le titre en cours.
🖼 Détails affichés
- Pochette de l'album
- Nom du titre
- Artiste
- Temps depuis le début de lecture (ex : « il y a 2 minutes »)
Le tout est affiché dans un style compact, avec une taille d'image plus grande et un texte mis en valeur.
🎵 Si vous relancez le même morceau plusieurs fois, l'extension détecte les doublons et les ignore dans l'historique.
📚 Historique musical
En plus du morceau en cours de lecture, l’extension affiche les deux derniers titres récemment écoutés.
🔽 Affichage fluide
Les titres récents sont affichés juste sous le morceau principal, avec :
- Le même style visuel que le morceau principal
- Une taille réduite et une opacité variable pour montrer l’ordre chronologique
- Un effet de survol qui fait apparaître les liens Spotify et YouTube Music
L’extension évite d’afficher deux fois le même morceau s’il est encore en cours de lecture, pour éviter les doublons.
⏳ Les informations sont mises à jour toutes les 5 secondes, comme pour la lecture principale.
🔗 Liens Spotify / YouTube Music
Pour chaque titre affiché (lecture en cours et historique), l’extension propose des liens externes permettant d’écouter directement le morceau sur les principales plateformes musicales.
🎵 Plateformes supportées
- Spotify – accès direct à la recherche du titre via l’application
- YouTube Music – redirection automatique vers une recherche du morceau
🖱 Affichage contextuel
Les icônes apparaissent au survol de la souris, pour ne pas encombrer l’interface.
- Icônes de 20x20 pixels, colorées
- Positionnées discrètement à droite de chaque bloc de musique
- Cliquables et accessibles sans perturber l’expérience
🧠 Les liens sont générés automatiquement à partir du titre et de l’artiste récupérés via l’API Last.fm.
🚫 Gestion des doublons
L’extension Better Last.fm détecte automatiquement les doublons pour éviter d’afficher le même morceau à la fois en lecture actuelle et dans l’historique.
🔁 Cas typique
Si un streamer relance un morceau ou l’écoute plusieurs fois d’affilée, le système vérifie si le morceau précédent dans l’historique est identique à celui en cours :
- Si c’est le cas, le doublon est ignoré
- Le système passe au morceau le plus récent qui n'est pas un doublon dans la liste de l’historique
⚙️ Comment ça fonctionne ?
Une comparaison est faite entre le titre et l’artiste du morceau actuel et ceux de l’historique. Si les deux correspondent exactement, le morceau est considéré comme un doublon.
✔️ Ce filtrage garantit un affichage plus clair et pertinent pour les viewers.
🔄 Actualisation automatique
L’extension Better Last.fm interroge automatiquement l’API de Last.fm toutes les 5 secondes pour obtenir les dernières lectures du streamer.
⚙️ Fonctionnement
- Le titre en cours de lecture est mis à jour sans recharger la page
- Les deux morceaux précédents dans l’historique sont également actualisés
- Les éventuels doublons sont filtrés lors de chaque cycle
Ce rafraîchissement se fait de manière fluide, sans impact visible pour le viewer.
📡 Pourquoi toutes les 5 secondes ?
Ce délai a été choisi pour :
- Assurer une bonne réactivité
- Respecter les bonnes pratiques de l’API Last.fm (éviter le spam inutile)
- Préserver les performances de l’extension côté Twitch
⏱️ Le compteur se relance à chaque nouvelle mise à jour, garantissant une surveillance continue.
❌ Rien ne s’affiche dans le panel
Si le panel reste vide après l’installation de l’extension, voici les vérifications à effectuer :
✅ Checklist de base
- La configuration a-t-elle bien été enregistrée avec un pseudo Last.fm et une API key valide ?
- Votre compte Last.fm est-il bien lié à Spotify ?
- Les écoutes récentes sont-elles publiques dans vos paramètres de confidentialité ?
📦 Redémarrer le cycle
Dans certains cas, un redémarrage du lecteur (Spotify, YouTube Music…) suffit à débloquer la situation.
📌 À noter
- L’extension n’affichera rien s’il n’y a aucune lecture en cours ou si la dernière lecture remonte à trop longtemps
- Un morceau en pause ne déclenche pas forcément d’événement côté Last.fm
🔄 Un cycle de vérification automatique s’effectue toutes les 5 secondes : si la configuration est correcte, l’affichage se mettra à jour dès que possible.
🔑 Clé API invalide
Si rien ne s’affiche et que vous avez un message d’erreur lié à votre API, il est probable que la clé API Last.fm soit incorrecte ou absente.
🔍 Comment vérifier
- Rendez-vous dans le menu de configuration de l’extension (onglet Extension Manager de Twitch)
- Assurez-vous d’avoir bien collé la clé API fournie par Last.fm
- Une clé API est une chaîne de 32 caractères hexadécimaux (0-9, a-f)
📥 Récupérer une nouvelle clé
Si vous avez perdu votre clé API, vous pouvez en générer une nouvelle sur votre tableau de bord développeur.
⚠️ Bonnes pratiques
- Évitez les espaces ou caractères invisibles copiés/collés dans le champ
- Ne partagez jamais votre clé API publiquement
- Vérifiez que la clé a bien été enregistrée dans le panneau de configuration de l’extension
💡 Une fois la clé correctement enregistrée, l’affichage devrait reprendre dans les 5 secondes suivantes.
🔄 Problèmes de mise à jour
Si les morceaux ne semblent plus se mettre à jour toutes les 15 secondes, ou que l’affichage reste bloqué, voici plusieurs pistes à vérifier.
📡 Vérifiez la connexion à Last.fm
- Assurez-vous que votre compte Last.fm est encore connecté à Spotify (ou Web Scrobbler)
- Rendez-vous sur votre profil Last.fm et vérifiez que les morceaux récents s'affichent bien
🔑 Vérifiez votre configuration
- Une clé API manquante ou invalide empêchera toute récupération des données
- Rouvrez le panneau de configuration pour valider à nouveau les champs
🛑 Vérifiez les limites de l'API
L'API Last.fm applique des limites de requêtes. Si vous testez trop fréquemment, la réponse peut être ralentie ou bloquée temporairement.
🔁 Le cycle automatique
L’extension utilise un intervalle de 5 secondes pour interroger l’API. Si une requête échoue (ex. : mauvais réseau, erreur côté API), elle réessaiera au cycle suivant.
🧪 Astuce : essayez de recharger l’extension via le menu "Extension Manager" de Twitch pour forcer une relance du script.
🖼️ Icônes ou images cassées
Si certaines icônes (ex. Spotify, YouTube Music) ou les pochettes d’album n’apparaissent pas correctement dans le panel, cela peut venir de plusieurs facteurs :
🧩 Icônes Spotify / YouTube Music
- Les icônes sont chargées depuis des URL publiques. Vérifiez que rien n’interfère (ex : bloqueur de pub, DNS filtrant)
- Un rafraîchissement du cache navigateur peut corriger le problème (Ctrl+F5)
🎵 Pochettes d’album manquantes
- Les images sont récupérées via l’API Last.fm
- Certains morceaux très récents peuvent ne pas avoir d’image associée
- Dans ce cas, soit un visuel de secours est automatiquement affiché (étoile grise) soit l'icone de chargement apparait en permanence
⏯️ Liste complète des sites compatible avec l'extension de navigateur WebScrobbler
L'extension de navigateur WebScrobbler permet de récupérer l'historique de lecture musicale de quasiment 400 plateformes de streaming musicales (397 à ce jour). En voici la liste :
👾 Signaler un bug
Si vous rencontrez un dysfonctionnement avec l’extension Better Last.fm (panne d’affichage, erreur dans l’historique, comportement inattendu…), vous pouvez nous le signaler pour qu’il soit corrigé dans les plus brefs délais.
📮 Comment procéder
- Envoyez un email à [email protected]
- Essayez d’indiquer :
- Votre pseudo Twitch
- Votre pseudo Last.fm (si concerné)
- Une description claire du bug
- Le moment où cela s’est produit
- Une capture d’écran si possible
✨ Merci de votre aide : chaque signalement contribue à améliorer l’extension !
💡 Proposer une amélioration
Vous avez une idée de fonctionnalité qui pourrait améliorer Better Last.fm ? Une option qui vous faciliterait la vie ou apporterait un vrai plus pour vos viewers ?
📬 Partagez-la avec nous
- Envoyez un email à [email protected]
- Essayez d’indiquer :
- Ce que vous aimeriez voir apparaître dans l’extension
- Pourquoi ce serait utile
- Si possible, un exemple ou une maquette (même rapide)
💜 J'étudie régulièrement les suggestions reçues, et plusieurs d’entre elles ont déjà été intégrées à la version actuelle.
📫 Me contacter
Pour toute question générale concernant l’extension Better Last.fm, pour un projet collaboratif, un partenariat, ou toute autre demande, vous pouvez me contacter directement par email.
✉️ Email : [email protected]
Merci pour votre intérêt pour l’extension, et bonne écoute sur Twitch ! 🎧