DevTunes – Spotify in VS Code

DevTunes adds Spotify right into your VS Code editor.
You can see what’s playing, explore playlists, and (if you have Premium) control music without leaving your coding window.

✨ Features

1. Now Playing – See the current track in the status bar.
2. Playlist Browser – Browse your own Spotify playlists.
3. Search Playlists – Find public playlists using keywords.
4. Quick Access – Open tracks/playlists in Spotify Web Player.
5. Keyboard Shortcuts – Control music with hotkeys.

🔑 Free vs Premium – What’s the Difference?

Free Users

• No setup needed.
• You can:
  • See the current track info.
  • Browse your playlists.
  • Open playlists or songs in the Spotify app or web player.
• You cannot:
  • Play, pause, skip, or change tracks from inside VS Code.

👉 In short: Free = “View only” mode. Playback still happens in the Spotify app/browser.

Premium Users

• Setup required: Authenticate with Spotify using Client ID + Secret.
• You can:
  • Do everything Free users can.
  • Fully control playback: play, pause, skip, previous, seek.
  • Switch between devices (PC, mobile, web).
  • Stay in VS Code without opening Spotify separately.

👉 In short: Premium = full Spotify control inside VS Code.

⚙️ Installation

1. Open VS Code → go to Extensions (Ctrl+Shift+X).
2. Search DevTunes → Install.
3. Manual install:
   • Download the .vsix file from Releases.
   • Run Extensions: Install from VSIX inside VS Code.

🔒 Setup (Premium Only)

1. Go to Spotify Developer Dashboard.
2. Create a new app → set Redirect URI to:
   http://127.0.0.1:8000/callback

yaml Copy Edit 3. Copy Client ID and Client Secret.
4. In VS Code, open Command Palette (Ctrl+Shift+P) → run Spotify: Setup Credentials.
5. Then run Spotify: Authenticate to log in.

🎹 Quick Usage

• Ctrl+Shift+M → Quick actions menu.
• Ctrl+Shift+T → Show current track.
• Status bar → Click track name for options.

📌 Notes

• Credentials are stored locally in VS Code (never shared).
• Uses Spotify’s official API only.
• Free = browsing only.
• Premium = full playback control.

Troubleshooting

"Page not found" when clicking playlists

• Make sure you have Spotify app installed or use the web player
• Check that your playlist URI/URL is valid

Authentication Issues

• Verify your Client ID and Secret are correct
• Make sure redirect URI is exactly: http://127.0.0.1:8000/callback
• Try re-authenticating: Ctrl+Shift+P → "Spotify: Authenticate"

Status Bar Not Showing

• Enable it: Ctrl+Shift+P → "Spotify: Toggle Status Bar"
• Make sure you're authenticated with Spotify

Development

Building from Source

bash git clone https://github.com/HelloMuzamil/DevTunes.git

cd spotify-background-music-player npm install

Dependencies

• axios - HTTP requests
• express - Local authentication server
• cors - Cross-origin requests
• open - Opening URLs in browser

Contributing

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

License

This project is licensed under the MIT License - see the LICENSE file for details.

Support

• 🐛 Bug Reports: GitHub Issues
• 📧 Email: mianmuzamil001122@gmail.com

Acknowledgments

• Spotify Web API for music data
• VS Code Extension API
• Open source community

Enjoy coding with your favorite music! 🎵