Skip to main content

​
Player2: Enhanced Spotify Music Player

Player2 is a modern web-based music player that connects to your Spotify account and provides an enhanced listening experience with real-time synchronized lyrics, dynamic color-adaptive visuals, and intuitive playback controls. Player2 Demo

​
Key Features

Spotify Integration

Connect and control your Spotify playback with full access to your library, playlists, and queue management.

Real-Time Lyrics

Enjoy karaoke-style synchronized lyrics that highlight and scroll automatically with the music.

Dynamic Colors

Visual elements adapt to your music’s color scheme using ColorThief to extract dominant colors from album art.

Modern UI

Built with React 18, TypeScript, and TailwindCSS for a smooth, responsive user experience.

​
Tech Stack

Player2 is built with modern web technologies:
  • React 18 - Modern React with hooks and concurrent features
  • TypeScript - Type-safe development
  • Vite - Fast build tool and development server
  • TailwindCSS - Utility-first CSS framework
  • Spotify Web API SDK - Official Spotify integration
  • LRCLIB - Lyrics fetching with synchronized timestamps
  • ColorThief - Dynamic color extraction from album art
  • Framer Motion - Smooth animations and transitions
  • Radix UI - Accessible UI components
  • Sonner - Toast notifications

​
Core Dependencies

Here are the key packages that power Player2:
package.json
{
  "dependencies": {
    "@spotify/web-api-ts-sdk": "^1.2.0",
    "colorthief": "^2.4.0",
    "lucide-react": "^0.344.0",
    "motion": "^12.4.10",
    "react": "^18.3.1",
    "sonner": "^2.0.1",
    "@radix-ui/react-context-menu": "^2.2.7"
  }
}

​
What’s Next?

Quick Start

Get Player2 running in minutes

Setup Guide

Detailed setup instructions and configuration

​
Why Player2?

Player2 enhances your Spotify experience by:
  • Visual Immersion - Album art colors flow throughout the interface, creating a cohesive visual experience that matches your music
  • Lyrics Integration - Real-time synchronized lyrics fetch from LRCLIB with intelligent caching and prefetching
  • Keyboard Shortcuts - Control playback without touching your mouse (Arrow keys for skip, Space for play/pause)
  • Queue Management - View and manage your playback queue with drag-and-drop reordering
  • Artist & Album Views - Deep dive into artist top tracks and full album listings
  • Context Menus - Right-click on tracks for quick actions
Player2 requires an active Spotify Premium account for playback control features.

Build docs developers (and LLMs) love

Get started for freeTalk to us