jmacalinao/nowplaying-widget repository overview

⁠Now Playing Widget

A Spotify Now Playing widget that's accessible with anything that can render a webpage. Users automatically register and authorize by browsing to /user/NAME where they will be redirected to a Spotify authorization page, and then redirected back to the render. Refreshes every 2 seconds by default. The original purpose of this project was to display the now playing song on Twitch streams with OBS' browser view.

Design inspired by https://github.com/levifig/now-playing.widget⁠

⁠Setup / Building From Source

Start by creating an app on Spotify⁠. After creating, add the following Redirect URIs. http://YOURDOMAIN.com/authorize/callback. This can be set to localhost if you wish to only use this locally, http://localhost:PORT/authorize/callback.

Run the following to install and compile to Javascript.

yarn install
yarn build

You'll find default configuration in dist/server/config/default.js. You can also make a local copy at dist/server/config/local.js that will override any defaults. Everything can be configured using the same keys in environment variables as well.

To start after configuration:

yarn start

Afterwards you can navigate to http://YOURDOMAIN.com/user/NAME and see it in action.

⁠Development

You can hack away with hot reloading enabled by executing yarn dev.

⁠Contributing

Contributions are welcome! Be sure to run yarn test before submitting any PRs.