SpotifyBigPicture

SpotifyBigPicture

Uma interface altamente personalizável que exibe seu status de reprodução atual no Spotify em uma linda página de navegador!

Você pode querer usar isso sobre o próprio modo de tela cheia do Spotify (na minha opinião, bastante assombrosa), ou você pode usá-lo para sua TV para fornecer a OSD desatualizado e de baixa resolução uma nova pintura!

Esta interface é principalmente somente leitura. Especificamente, isso significa que você não pode realmente controlar sua música , além de alguns comandos básicos, como reprodução, pausa e pular (precisa ser ativado primeiro nas configurações). Isso ocorre devido a limitações à API do Spotify e porque a idéia é definir esse aplicativo uma vez e, em seguida, ele é executado permanentemente como uma exibição de informações pura.

Um exemplo em que isso é útil seria hospedar uma festa em que você deseja deixar seus convidados verem a qualquer momento quais músicas estão à frente, colocando um monitor perto da pista de dança que você conecta a um Raspberry Pi.

Capturas de tela

Esses dois exemplos mostram apenas exemplos da predefinição padrão do SpotifyBigPicture. Para mais capturas de tela, consulte as outras predefinições!

Vista do álbum

Visualização da lista de reprodução

Personalização

Clique no símbolo de engrenagem no canto superior esquerdo da interface para abrir as configurações para preferências visuais. Aqui você pode personalizar o estilo da interface de várias opções com apenas alguns cliques!

Suas configurações são armazenadas automaticamente localmente, para que você não precise se preocupar em reconfigurar tudo o que reabrir o site.

• Uma lista completa de cada predefinição pode ser encontrada aqui: Presets.md
• Informações gerais sobre as configurações podem ser encontradas aqui: Settings.md

Instalação

(Se você preferir um tutorial em vídeo, clique aqui)

Etapa 1: Crie aplicativo Spotify

1. Crie um aplicativo no painel do Spotify Developers (pode ser necessário criar uma conta primeiro)
2. Copie o ID do cliente e o segredo do cliente e salve -os para mais tarde
3. Vá para "Usuários e acesse" e adicione sua conta lá (nome e endereço de e -mail)

A partir daqui, você pode escolher entre uma das duas maneiras de continuar com a instalação.

Etapa 2 - Variante A: Instalação Java manual

1. Depois de criar o aplicativo Spotify, clique em "Editar Configurações" e adicione o URI redirecionado para este aplicativo: http://localhost:8183/login-callback (clique no botão Little Green "Adicionar" antes de salvar!)
2. Baixe o lançamento atual
3. Cole o ID do cliente e o segredo do cliente que você salvou anteriormente nos respectivos campos no arquivo spotifybot.properties
4. Abra um terminal na mesma pasta que o arquivo JAR (feito facilmente mantendo o Shift e o Clicar com o botão direito do mouse e selecionando "Abra o terminal aqui"). Em seguida, inicie o aplicativo com java -jar SpotifyBigPicture.jar

Etapa 2 - Variante B: Pull Docker Image

1. Depois de criar o aplicativo Spotify, clique em "Editar Configurações" e adicione o URI redirecionado para este aplicativo. Dependendo de onde você planeja executar o aplicativo, você deve fornecer um URI acessível de fora. Por exemplo http://ip-of-docker-machine:8183/login-callback . O retorno de chamada de login deve terminar com /login-callback ! Certifique -se também de clicar no botão "Adicionar" verde antes de salvar
2. Puxe a imagem do Docker: docker pull ghcr.io/selbi182/spotifybigpicture
3. Execute a imagem do docker. Insert the Client ID , Client Secret , and Redirect URI you have specified earlier into the respective fields, to pass them as environment variables: 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. Em seguida, execute docker logs -f spotifybigpicture para que você possa ver o URL necessário para a próxima etapa

Etapa 3: Login

1. Você será solicitado a fazer login. O aplicativo tentará abrir o navegador por si só, mas se falhar, dê uma olhada na saída do console e copie o URL exibido no seu navegador manualmente. Deveria assim: https://accounts.spotify.com:443/authorize?client_id=[...]&response_type=code&redirect_uri=[...]&scope=[...]
2. Se tudo funcionou, você terminou! Se você escolheu a variante A, o aplicativo estará disponível em http: // localhost: 8183/e se você escolheu a variante B, será o servidor que você forneceu

Requisitos

• Java 11 ou mais recente:
  • Faça o download aqui (obviamente apenas necessário se você estiver fazendo a instalação manual de java)
• O monitor deve ter uma proporção de 16: 9:
  • Embora exista uma predefinição especificamente otimizada para o modo retrato, este aplicativo foi otimizado principalmente para o modo de paisagem. Embora qualquer proporção de aspecto deva teoricamente funcionar, 16: 9 é a única proporção de aspecto que é 100% suportada e testada
• Um navegador moderno:
  • Existem muitos sinos e assobios sofisticados a este aplicativo que simplesmente não funcionam em navegadores mais antigos. Eu o desenvolvi e otimizei principalmente para o Mozilla Firefox, mas também funciona no Google Chrome. Não testado em nenhum outro navegador, então não vou garantir a estabilidade total lá
• Spotify Premium:
  • Você ainda pode usar este aplicativo como usuário gratuito, mas não obterá a funcionalidade completa. Por exemplo, obter sua fila atual está disponível apenas para usuários premium do Spotify. Para usuários gratuitos, apenas a música atual pode ser exibida. Para os álbuns, mais do que um bom palpite de qualquer música que vem a seguir, infelizmente não é possível

A interface não atualiza?

As informações são obtidas na API do Spotify, pesquisando uma vez por segundo. Infelizmente, não existe uma maneira "adequada" de fazê -lo, pois as webhooks para mudanças de músicas (como a Discord as usa, por exemplo) não estão disponíveis para a API pública.

Como resultado, a conexão pode ficar presa de tempos em tempos. O aplicativo tentará automaticamente restabelecer as conexões quando possível, o que geralmente leva apenas alguns segundos. Para manter a aparência da interface o mais suave possível, o cronômetro simulará a reprodução, continue contando segundos por conta própria, se uma música estiver tocando atualmente.

No entanto, se a interface se tornar completamente sem resposta, tente estas abordagens:

1. Mude o contexto atual de reprodução (por exemplo, mudando de uma lista de reprodução para um álbum)

2. Por qualquer motivo bizarro, basta clicar no botão Dispositivos no Spotify no seu PC (nem mesmo selecionando nenhum dispositivo diferente, literalmente apenas abrindo o suspensão) às vezes força a interface a recuperar o atraso. Esta foi a minha opção para consertar telas presas, e funciona surpreendentemente bem:

Apoiar

Se você tiver algum problema, escreva um tíquete de emissão no Github e terei prazer em dar uma olhada nele :)

Como alternativa, envie -me uma mensagem sobre discórdia. Meu nome de usuário é: Selbi