NowPlaying for Spotify
v2.1 - Mini player
Este é um Visualizador de Connect Spotify de atualização em tempo real, que teve sua base de código base feita em meio dia.
Este projeto é licenciado sob a licença GNU GPL-3.0.
Disponível em Nowplayi.ng
Mini gerador de jogadores
Página de status
v2.0.x
- Use of localStorage
- Added GNU GPL-3.0 license
- Updated Index page design
- Updated French and English sentences
- Compatibility with Dark Reader
- Better UI consistency / CSS tweaks
- More languages
- .env support (thanks @finnie2006!)
- Added playback support (Premium account should be needed)
- Added playback information
- Added pause button (#17)
- CSS improvements added for better responsive (#15 #16)
- SEO improvements (#16)
- Minor CSS improvements
- Advertisements are recognized
- Multiple artists are recognized
- Experimental theme switcher
- Now playing device name and type is showing
- Cursor is hidden after a couple of seconds
- Fullscreen button
HTML, Tailwindcss, JS / Alpinejs, PHP
Spotify Web API PHP por Jwilsson para obter o token e atualizar o token, Spotify Web Api JS de JMperez para recuperar e exibir a música atualmente tocando
Você pode usar o XAMPP (multi-plataforma) ou WampServer (somente Windows), mas qualquer servidor da web com PHP 7.0 ou maior é bom de usar, com o módulo php-curl .
!!! Se você estiver no nginx, precisará adicionar isso à sua configuração, ou então o seu .ENV será exposto à Internet !!!
location /.env {
allow [YourIP]; # Allow your IP if you want to, if not delete this line.
deny all;
}
Você deve ter um aplicativo declarado no painel de desenvolvedores do Spotify para obter um Client ID .
Como fazer isso: como eu disse, a primeira coisa é criar um ID do cliente ( Create a Client ID ) no painel de desenvolvedores do Spotify. Digite o nome do seu aplicativo no campo de texto App or Hardware name e sua descrição no campo de texto App or Hardware description . No What are you building ? Seção, indique a plataforma para a qual você está criando o aplicativo e clique no botão NEXT . Responda à pergunta de integração comercial e continue. Se necessário, preencha o formulário e verifique todas as caixas no terceiro estágio e você estará pronto para ir. Seu aplicativo é declarado no painel de desenvolvedores do Spotify!
Agora que você tem seu aplicativo, você tem algumas modificações a fazer em um arquivo: .env . (Se não existir, copie example.env para .env )
Edite esses valores:
YOUR_CLIENT_ID pelo seu ID de cliente disponível no painel do seu aplicativo,YOUR_CLIENT_SECRET pelo seu Client Secret disponível clicando no botão Show Client Secret situado na mesma página da web que o ID do seu cliente,YOUR_DOMAIN pelo seu URL de redirecionamento, no caso de uma hospedagem local, substitua -a por http://localhost/token.php na maioria dos casos. Basicamente, é o URL acessível para a página token.php . Vamos voltar ao painel do nosso aplicativo. Você precisa declarar o URL em que a página token.php está localizada, para uma hospedagem local, na maioria dos casos http://localhost/token.php . Clique no botão Edit settings verde situada na parte superior da página e, no campo de texto Redirect URIs , indique o seu. ATENÇÃO : O que você digitou deve ser o mesmo que você escreveu nos dois arquivos precedentes! Em seguida, clique no botão SAVE na parte inferior do formulário. Seu aplicativo está declarado e pronto para uso!
Você pode incluir um script de análise opcional, usando a variável de ambiente ANALYTICS_SCRIPT .
Se definido, essa variável será incluída na parte <head> de todas as páginas. Essa variável provavelmente deve ser uma string contendo uma tag <script> .
Sinalizadores da Freepik do site www.flaton.com no Creative Commons by 3.0 License.
