SpotifyBigPicture

SpotifyBigPicture

Une interface hautement personnalisable qui affiche votre statut de lecture actuel sur Spotify dans une belle petite page de navigateur!

Vous voudrez peut-être utiliser ce sur Spotify (à mon avis, plutôt décevant) en mode plein écran, ou vous pouvez l'utiliser pour votre téléviseur pour donner à cet OSD de peinture fraîche et basse résolution obsolète!

Cette interface est principalement en lecture seule. Plus précisément, cela signifie que vous ne pouvez pas réellement contrôler votre musique , au-delà de quelques commandes de base comme Play, Pause et Skip (doit être activée dans les paramètres en premier). Cela est à la fois dû à des limitations à l'API Spotify et parce que l'idée est de définir cette application une fois, puis elle s'exécute en permanence comme un affichage d'informations pur.

Un exemple où cela est utile serait d'organiser une fête où vous voulez laisser vos invités voir à tout moment quelles chansons sont en avance, en mettant un moniteur près de la piste de danse que vous vous connectez à un Raspberry Pi.

Captures d'écran

Ces deux exemples ne montrent que des exemples de préréglage par défaut de SprifyBigPicture. Pour plus de captures d'écran, voyez les autres préréglages!

Vue d'album

Vue de playlist

Personnalisation

Cliquez sur le symbole d'engrenage en haut à gauche de l'interface pour ouvrir les paramètres des préférences visuelles. Ici, vous pouvez personnaliser le style de l'interface à partir d'un certain nombre d'options en quelques clics!

Vos paramètres sont automatiquement stockés localement, vous n'aurez donc pas à vous soucier de tout reconfigurer chaque fois que vous rouvrez le site Web.

• Une liste complète de chaque préréglage peut être trouvée ici: presets.md
• Des informations générales sur les paramètres peuvent être trouvées ici: Settings.md

Installation

(Si vous préférez un tutoriel vidéo, cliquez ici)

Étape 1: Créer l'application Spotify

1. Créer une application sur le tableau de bord des développeurs Spotify (vous devrez peut-être créer un compte en premier)
2. Copiez l' ID client et le secret du client et enregistrez-le pour plus tard
3. Accédez aux utilisateurs et accéder "et ajoutez votre compte (nom et adresse e-mail)

À partir de là, vous pouvez choisir entre deux façons de poursuivre l'installation.

Étape 2 - Variante A: Installation manuelle Java

1. Après avoir créé l'application Spotify, cliquez sur "Modifier les paramètres" et ajoutez l'uri de redirection pour cette application: http://localhost:8183/login-callback (assurez-vous de cliquer sur le petit bouton "ajouter" vert avant d'enregistrer!)
2. Télécharger la version actuelle
3. Collez l' ID client et le secret client que vous avez enregistré plus tôt dans les champs respectifs du fichier spotifybot.properties
4. Ouvrez un terminal dans le même dossier que le fichier JAR (facilement effectué en maintenant Shift et Clueding, puis en sélectionnant "Open Terminal ici"). Ensuite, démarrez l'application avec java -jar SpotifyBigPicture.jar

Étape 2 - Variante B: Pull Docker Image

1. Après avoir créé l'application Spotify, cliquez sur "Modifier les paramètres" et ajoutez l'uri de redirection pour cette application. Selon l'endroit où vous prévoyez d'exécuter l'application, vous devez fournir un URI accessible de l'extérieur. Par exemple http://ip-of-docker-machine:8183/login-callback . Le rappel de connexion doit se terminer avec /login-callback ! Assurez-vous également de cliquer sur le petit bouton "Ajouter" vert avant d'enregistrer
2. Tirez l'image Docker: docker pull ghcr.io/selbi182/spotifybigpicture
3. Exécutez l'image Docker. Insérez l' ID client , le secret du client et l'URI redirect que vous avez spécifié plus tôt dans les champs respectifs, pour les transmettre en tant que variables d'environnement: docker run --name spotifybigpicture -d -p 8183:8183 -e client_id=CLIENTID -e client_secret=CLIENTSECRET -e redirect_uri=REDIRECTURI ghcr.io/selbi182/spotifybigpicture
4. Ensuite, exécutez docker logs -f spotifybigpicture afin que vous puissiez voir l'URL requise pour l'étape suivante

Étape 3: Connexion

1. Vous serez invité à vous connecter. L'application tentera d'ouvrir le navigateur en soi, mais s'il échoue, jetez un œil à la sortie de la console et à la copie de la copie de l'URL affichée dans votre navigateur manuellement. Cela devrait aimer ceci: https://accounts.spotify.com:443/authorize?client_id=[...]&response_type=code&redirect_uri=[...]&scope=[...]
2. Si tout a fonctionné, vous avez terminé! Si vous avez choisi la variante A, l'application sera disponible sous http: // localhost: 8183 / et si vous avez choisi la variante B, ce sera le serveur que vous avez fourni

Exigences

• Java 11 ou plus récent:
  • Télécharger ici (évidemment requis uniquement si vous effectuez l'installation manuelle Java)
• Le moniteur doit avoir un rapport d'aspect 16: 9:
  • Bien qu'il existe un préréglé spécifiquement optimisé pour le mode portrait, cette application a été optimisée principalement pour le mode paysage. Bien que tout rapport d'aspect devrait théoriquement fonctionner, 16: 9 est le seul rapport d'aspect à 100% soutenu et testé
• Un navigateur moderne:
  • Il y a beaucoup de cloches et de sifflets fantaisistes attachés à cette application qui ne fonctionneront tout simplement pas sur des navigateurs plus âgés. Je l'ai principalement développé et optimisé pour Mozilla Firefox, mais cela fonctionne également sur Google Chrome. Non testé sur aucun autre navigateur, donc je ne garantis pas la stabilité complète là-bas
• Spotify Premium:
  • Vous pouvez toujours utiliser cette application comme utilisateur gratuit, mais vous n'obtiendrez pas la pleine fonctionnalité. Par exemple, obtenir votre file d'attente actuelle n'est disponible que pour les utilisateurs de Spotify Premium. Pour les utilisateurs gratuits, seule la chanson actuelle peut être affichée. Pour les albums, plus qu'une bonne supposition de la chanson qui vient ensuite est malheureusement pas possible

L'interface n'est pas mise à jour?

Les informations sont récupérées à partir de l'API de Spotify en les interrogeant une fois par seconde. Malheureusement, il n'y a pas de moyen "approprié" de le faire, car les webhooks pour les changements de chansons (comme Discord les utilise, par exemple) ne sont pas disponibles pour l'API publique.

En conséquence, la connexion peut être coincée de temps en temps. L'application essaiera automatiquement de rétablir les connexions lorsque cela est possible, ce qui ne prend généralement que quelques secondes. Pour garder l'apparence de l'interface aussi fluide que possible, la minuterie simulera la lecture en continuant à compter les secondes à elle seule si une chanson joue actuellement.

Cependant, si l'interface devient complètement insensible, essayez ces approches:

1. Changez le contexte de lecture actuel (par exemple, passer d'une liste de lecture en album)

2. Pour toute raison bizarre, cliquez simplement sur le bouton des périphériques dans Spotify sur votre PC (sans même sélectionner un appareil différent, il suffit de l'ouvrir la liste déroulante) oblige parfois l'interface à rattraper son retard. Cela a été mon choix pour réparer les écrans coincés, et cela fonctionne étonnamment bien:

Soutien

Si vous avez des problèmes, écrivez un billet de problème sur GitHub et je vais nous y jeter un coup d'œil :)

Alternativement, envoyez-moi un message sur Discord. Mon nom d'utilisateur est: Selbi