VS Code CodeBeats

A sleek, modern Spotify controller for Visual Studio Code. Control your music without leaving your editor.
Keep coding, keep vibing~

Report a Bug · Request feature

• Installation
• Quick start with CodeBeats
• Using CodeBeats
• Contributing
• Credits

Install this extension from the VS Code marketplace.

OR

With VS Code open, search for CodeBeats in the extension panel (Ctrl+Shift+X on Windows/Linux or Cmd(⌘)+Shift+X on MacOS) and click install.

OR

With VS Code open, launch VS Code Quick Open (Ctrl+P on Windows/Linux or Cmd(⌘)+P on MacOS), paste the following command, and press enter.

ext install aker.codebeats

CodeBeats uses Spotify's Web API to control playback. Spotify Premium is required for playback control (per Spotify's API rules).

Congrats on installing CodeBeats! Follow these steps to get set up:

1. Go to Spotify Developer Dashboard
2. Log in and click "Create app"
3. Fill in the form (in order):
   • App name: "CodeBeats" (or any name)
   • App description: "VS Code music controller"
   • Redirect URI: https://127.0.0.1:4567/callback ⚠️ Important!
   • Which API/SDKs: Select "Web API" ✅
   • ℹ️ CodeBeats is a remote control (uses Web API), not a player (doesn't need Web Playback SDK)
4. Accept terms and click "Save"
5. Copy your Client ID

Option A - VS Code Settings (Recommended):

1. Open Settings: Cmd+, (Mac) or Ctrl+, (Windows/Linux)
2. Search for: spotify or codebeats
3. Find "CodeBeats: Spotify Client Id"
4. Paste your Client ID
5. Done! ✅

1. Click the music note icon (♪) in the Activity Bar
2. Click "Connect Spotify"
3. Browser security warning: Click "Advanced" → "Proceed" (this is safe)
4. Authorize CodeBeats in your browser
5. Start playing music!

• Play/Pause - Main play button or click status bar
• Skip - Previous/Next buttons
• Shuffle - Click 🔀 to toggle
• Repeat - Click 🔁 to cycle modes
• Like - Click 💚 to save to Liked Songs

• Drag slider - Adjust volume (0-100%)
• Click speaker icon - Mute/unmute
• Icon changes - Reflects volume level

• Click "Select Playback Device"
• Choose from available Spotify devices
• Transfers playback instantly

Two layouts are available — switch anytime:

Contributions are welcome! Please feel free to submit a Pull Request.

1. Fork the repository
2. Create your feature branch (git checkout -b feature/AmazingFeature)
3. Commit your changes (git commit -m 'Add some AmazingFeature')
4. Push to the branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

• Built by Jun & Aker
• Built with VS Code Extension API
• Powered by Spotify Web API