[ 🎵💡 Spotify ] Widget do Spotify para integrar na Twitch e Streamlabs, ou no seu Website
Oi! Tudo bom?
Bom,
Eu estava esses dias querendo fazer alguma coisa diferente, e ai tive a ideia de tentar fazer um Widget
para o StreamLabs - O aplicativo de Streaming para a Twitch.
Depois de umas horas de madrugada dando umas sofridas, consegui finalmente terminar ele, e o resultado final, integrado no StreamLabs, utilizando o aplicativo ficou assim:
Explicação e Entendendo o que o app faz
O Software é uma API em Express
, e AXIOS
, que vai servir como o intermediador para poder gerar seus Tokens/Auth, e fazer as requisições na API do Spotify.
Com isso, você consegue criar qualquer tipo de Widget em HTML e CSS, precisando usar o JavaScript apenas pra popular os dados.
Com o aplicativo, você consegue puxar as informações do seu Spotify, como que música está ouvindo, como está sua fila...
Dependências do Projeto
A API é relativamente simples, usa as seguintes dependências:
"dependencies": {
"axios": "^1.6.2",
"cors": "^2.8.5",
"dotenv": "^16.3.1",
"express": "^4.18.2",
"nodemon": "^3.0.1"
}
Tem um exemplo 100% Funcional no meu GitHub, neste repositório, onde para fazer a integração com a API do Spotify, você precisa seguir este ReadMe que explica o fluxo e como a API funciona, e ai depois de subir a API, você pode ou utilizar um dos examples
nas pastas de "Widgets" e "Examples", ou criar o seu próprio mini-player customizado! 🗿🍷
💖 Contribua
Vale lembrar que o projeto é aberto, então se você quiser contribuir, colocar um exemplo que você fez ou até mesmo inserir novas funcionalidades na API, fique a vontade!
Só não se esqueça de manter a abstração e não inserir nenhum dado sensível nos seus códigos. 🤔
Para ir direto p/ o Repositório, você pode usar o Card abaixo.
Até a próxima! ❤️