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
Table of Contents
Installation
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
Quick start with 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. Create Spotify Developer App
- Go to Spotify Developer Dashboard
- Log in and click "Create app"
- 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)
- Accept terms and click "Save"
- Copy your Client ID
Option A - VS Code Settings (Recommended):
- Open Settings:
Cmd+, (Mac) or Ctrl+, (Windows/Linux)
- Search for:
spotify or codebeats
- Find "CodeBeats: Spotify Client Id"
- Paste your Client ID
- Done! â
3. Connect Spotify
- Click the music note icon (âĒ) in the Activity Bar
- Click "Connect Spotify"
- Browser security warning: Click "Advanced" â "Proceed" (this is safe)
- Authorize CodeBeats in your browser
- Start playing music!
Using CodeBeats
Playback Controls
- 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
Volume Control
- Drag slider - Adjust volume (0-100%)
- Click speaker icon - Mute/unmute
- Icon changes - Reflects volume level
Device Selection
- Click "Select Playback Device"
- Choose from available Spotify devices
- Transfers playback instantly
Full view & Compact view
Two layouts are available â switch anytime:
Contributing
Contributions are welcome! Please feel free to submit a Pull Request.
- Fork the repository
- Create your feature branch (
git checkout -b feature/AmazingFeature)
- Commit your changes (
git commit -m 'Add some AmazingFeature')
- Push to the branch (
git push origin feature/AmazingFeature)
- Open a Pull Request
Credits
