Projet personnel
Extension Chrome : AutoSongLink
Remplace rapidement les liens de partage Spotify ou Apple Music par un lien Multi-plateformes.
AutoSongLink
Je partage très souvent de la musique sur les réseaux sociaux, le partage de lien via Spotify est simple et efficace mais un problème se pose pour les personnes qui ne sont pas sur Spotify. Avec tant de plateformes de streaming disponibles (Spotify, Apple Music, YouTube, etc.), c’est assez frustrant de cliquer sur un nouveau morceau qu’on veut découvrir et arriver sur une plateforme qu’on utilise pas. Obligé de faire la recherche a la main, souvent je ne prends pas le temps. J’imagine que mes abonnés font pareil.
J’ai donc pensé a une extension Chrome qui transformerait le lien spotify en lien multi plateforme en 1 clic si possible.
Qu’est-ce que cette extension Chrome ?
J’en avais créé une à l’époque du Spot, je ne sais même plus pour quelle utilisation mais c’était quelque chose de très simple.
J’avais été étonné de la simplicité, c’est de l’HTML et du Javascript, avec un fichier de configuration en JSON et puis c’est tout.
Au départ je voulais que lien soit remplacé au simple clic sur le bouton de l’extension, mais je me suis heurté a des soucis d’accès au presse-papier, apparemment pour le moment on ne peut y accéder qu’après une action utilisateur dans la fenêtre de l’extension.
Donc il y a un simple bouton tout moche et du texte pour donner de l’informations sur ce qu’il se passe. Ce sera en 2 clics donc.
Niveau style, je ne me suis pas foulé non plus. UI/UX designer qui lisez ceci, vous avez des suggestions, je suis preneur !
Pourquoi maintenant ?
J’ai eu l’idée il a un moment, et en cherchant je n’avais rien trouvé de tel. J’avais déjà fait une tentative il y a quelques années, en vain. Aucun service de lien multiplateforme n’exposait d’API.
C’est très récemment que je suis tombé sur celle d’Odesli (Songlink). Elle est limitée à 10 requête par heure je crois…
Je pense que ça devrait suffir, on partage rarement autant liens.
OpenSource parce que c’est la vie !
Ce n’est pas un projet à but lucratif top secret, le code est vraiment rudimentaire et pour le moment c’est plus pour me faciliter la vie à moi qu’autre chose.
Et j’imagine que d’autres personnes verrons des limites ou voudront améliorer l’aspect visuel ou corriger des bugs. C’est totalement bienvenu ! Le projet est disponible sur Github
Si vous avez des idées pour améliorer l’extension ou si vous rencontrez des problèmes, n’hésitez pas à soumettre une pull request ou à ouvrir une issue.
Comment on publie une extension Chrome en fait ?
Très bonne question, je suis en train de regarder ça justement.
Déjà, c’est 5€ pour être développeur d’extension. Voilà… et là ils me demandent tout plein de papiers. Vous connaissez mon amour pour la paperasse ?
Bon le site de Canalbox ne veut pas me laisser voir mon compte client du coup je ne peux valider mon compte. Mais j’ai réussi à publier l’extension, elle est en attente de validation.
Il faut créer des images et des icones un peu comme pour les applications mobiles
(J’ai fait ça sur paint à l’arrache, c’est beurk)
Et ensuite justifier chaque permissions demandées par l’extension, attester qu’on n’utilise pas les informations utilisateurs pour faire de la soupe et ça devrait être bon !
Je vous tiens au courant. À suivre.
Update (10/07/2024)
C’est en ligne !
Ça a été très rapide au final.
Vous pouvez tester ici : AutoSongLink et sentez-vous libre de me faire un retour !
Mise à jour (octobre 2026) : il était temps de la refaire
J’ai récemment fabriqué Meet Pause, une autre petite extension Chrome. Elle a marché lors de mon test, et en plus elle était jolie. Ça m’a donné envie de rouvrir AutoSongLink, que j’utilise bien plus souvent. L’ancienne fenêtre faisait le boulot, mais elle était lente et, disons-le, pas très belle. Je l’avais dit moi-même un peu plus haut : « un simple bouton tout moche ». Deux ans plus tard, il était peut-être temps de faire mieux.
Il y avait aussi un problème moins visible : l’API publique dont dépendait la première version ne répondait plus comme avant. J’ai donc repris l’extension plutôt que de seulement lui changer sa couleur. La nouvelle version prépare le lien Songlink ou Albumlink directement à partir d’une URL Spotify, Apple Music ou YouTube, sans appeler cette ancienne API. Songlink cherche ensuite les correspondances quand on ouvre le lien ; l’extension ne promet pas que chaque morceau sera disponible partout.
J’ai refait la petite fenêtre en français, avec un champ, un résultat et un bouton de copie. Rien de spectaculaire : je voulais surtout retrouver un outil rapide et agréable à utiliser. Le nouveau ZIP a été envoyé sur la fiche Chrome Web Store existante et attend la validation de Google. La version qui s’y trouve n’est donc pas forcément encore celle que je décris ici.
Technologies utilisées
- Javascript
Les missions solo, c’est fini.
Pour les projets clients, on a créé MAGGMA Studio avec l’équipe.
Découvrir MAGGMA Studio (nouvel onglet)