Skip to main content

Welcome to Player2

Build an enhanced music player experience with Spotify integration, dynamic color extraction, and real-time synchronized lyrics.

Get startedAPI reference

Quick start

Get up and running with Player2 in minutes

1

Clone and install

Clone the repository and install dependencies with your preferred package manager.
git clone https://github.com/scoboslor/player2.git
cd player2
npm install
2

Configure Spotify credentials

Create a .env file in the root directory and add your Spotify API credentials. You can obtain these from the Spotify Developer Dashboard.
VITE_SPOTIFY_CLIENT_ID=your_client_id_here
VITE_SPOTIFY_REDIRECT_URI=http://localhost:5173
3

Start the development server

Launch the app and start exploring the features.
npm run dev
Open your browser to http://localhost:5173 and authenticate with Spotify.

Key features

Explore what makes Player2 special

Spotify integration

Connect to Spotify with OAuth authentication and control playback seamlessly

Dynamic colors

Extract colors from album artwork to create immersive visual experiences

Synchronized lyrics

Display real-time lyrics with karaoke-style highlighting and smooth scrolling

Queue management

View and manage your playback queue with intuitive controls

Explore the documentation

Learn how to use and customize Player2

Setup guide

Configure your environment and API credentials

Components

Explore the React components that power Player2

API reference

Dive into contexts, hooks, and type definitions

Ready to build?

Start creating your enhanced music player experience with Player2 today.

Get started now

Build docs developers (and LLMs) love

Get started for freeTalk to us