Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/spotify/spotify-web-playback-sdk-example
React based example app that creates a new player in Spotify Connect to play music from in the browse using Spotify Web Playback SDK.
https://github.com/spotify/spotify-web-playback-sdk-example
spotify spotify-sdk spotify-web-playback-sdk
Last synced: 3 days ago
JSON representation
React based example app that creates a new player in Spotify Connect to play music from in the browse using Spotify Web Playback SDK.
- Host: GitHub
- URL: https://github.com/spotify/spotify-web-playback-sdk-example
- Owner: spotify
- License: apache-2.0
- Created: 2021-07-28T20:53:26.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2024-07-20T21:05:09.000Z (6 months ago)
- Last Synced: 2024-12-23T02:04:13.468Z (10 days ago)
- Topics: spotify, spotify-sdk, spotify-web-playback-sdk
- Language: JavaScript
- Homepage:
- Size: 25.4 KB
- Stars: 159
- Watchers: 14
- Forks: 211
- Open Issues: 12
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Web Playback SDK Javascript Tutorial
This repository contains the source code for the [Web Playback SDK Guide](https://developer.spotify.com/documentation/web-playback-sdk/guide/).
## Using your own credentials
You will need to register your app and get your own credentials from the
[Spotify for Developers Dashboard](https://developer.spotify.com/dashboard/)
To do so, go to your Spotify for Developers Dashboard, create your
application and register the following callback URI:
`http://localhost:3000/auth/callback`
Once you have created your app, create a file called `.env` in the root folder
of the repository with your Spotify credentials:
```bash
SPOTIFY_CLIENT_ID='my_client_id'
SPOTIFY_CLIENT_SECRET='my_client_secret'
```
## Installation
These examples run on Node.js. On its
[website](http://www.nodejs.org/download/) you can find instructions on how to
install it.
Once installed, clone the repository and install its dependencies running:
```bash
npm install
```
## Running the example
Start both client and server with the following command:
```bash
npm run dev
```
The React application will start on `http://localhost:3000`
## Resources
- Follow [@SpotifyPlatform](https://twitter.com/SpotifyPlatform) on Twitter for Spotify for Developers updates.
- Join the [Spotify for Developers Community Forum](https://community.spotify.com/t5/Spotify-for-Developers/bd-p/Spotify_Developer).
## Code of Conduct
This project adheres to the [Open Source Code of
Conduct](https://github.com/spotify/code-of-conduct/blob/master/code-of-conduct.md).
By participating, you are expected to honor this code.
## License
Copyright 2021 Spotify AB.
Licensed under the Apache License, Version 2.0: http://www.apache.org/licenses/LICENSE-2.0