stephencarico / spotify-web-playback-sdk-vue-example

Vue 3 based example app that creates a new player in Spotify Connect to play music from in the browse using Spotify Web Playback SDK.

Web Playback SDK Javascript Tutorial

This repository contains the source code for the 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

To do so, go to your Spotify for Developers Dashboard, create your application and register the following callback URI:

http://localhost:8080/auth/callback

Once you have created your app, create a file called .env in the root folder of the repository with your Spotify credentials:

SPOTIFY_CLIENT_ID='my_client_id'
SPOTIFY_CLIENT_SECRET='my_client_secret'

Installation

These examples run on Node.js. On its website you can find instructions on how to install it.

Once installed, clone the repository and install its dependencies running:

npm install

Running the example

Start both client and server with the following command:

npm run dev

The Vue application will start on http://localhost:3000

Resources

• Follow @SpotifyPlatform on Twitter for Spotify for Developers updates.
• Join the Spotify for Developers Community Forum.

Code of Conduct

This project adheres to the Open Source Code of Conduct. By participating, you are expected to honor this code.

License

None. I hope this helps those Vue warriors out there!