UI and Graphic Designers

How to Control Spotify While designing Without Switching Tabs

Play, pause and skip from anywhere in Chrome, so music never interrupts your work.

💡 Overview

If you spend your day designing, you already know how a small detour breaks concentration. Design tools want the whole canvas, and switching windows breaks the pixel-level focus you build up. Changing a track in the middle of a layout shouldn't require leaving your design file.

Spotify-Web Playback Controller talks to the Spotify Web Player at open.spotify.com through a small content script, so you can play, pause, skip and go back using keyboard shortcuts or a toolbar popup. The Web Player stays in its own tab, out of sight, and you never have to visit it again.

🧭 A Day of UI and Graphic Designers

Design tools want the whole canvas, and switching windows breaks the pixel-level focus you build up.

The problem: Changing a track in the middle of a layout shouldn't require leaving your design file.

The fix: Park the mini-player in the toolbar popup and use the volume scroll wheel to duck music during client calls.

🚀 Try It in Three Steps

  1. Open open.spotify.com in a Chrome tab and start any playlist.
  2. Pin Spotify-Web Playback Controller to your toolbar.
  3. Use Shift+Alt+Up to play or pause, and Shift+Alt+Right or Left to change tracks.

✨ What You Get

  • Mouse-wheel volume: Scroll over the player for fine volume steps, plus one-tap mute memory.
  • Four default hotkeys: Shift+Alt+Up toggles play and pause, Right skips, Left goes back and Down pauses only.
  • Shortcut profiles: Standard, one-handed WASD, compact Alt+arrows and function-key presets.
TaskSwitching tabsSpotify-Web Playback Controller
Focus impactContext switch every timeYour work window keeps focus
PrivacyDepends on the toolNo credentials collected, local analytics
Pausing musicFind the tab, click pause, returnOne keystroke
Resource useA full tab in the foregroundObserver-based, near-zero overhead

Note: it works with the Spotify Web Player at open.spotify.com only, and does not control the desktop app.

📸 See It in Action

Spotify-Web Playback Controller mini-player

Mini-Player

Spotify-Web Playback Controller dashboard

Dashboard

Spotify-Web Playback Controller keyboard shortcuts

Shortcuts

Control Spotify Without Leaving Your Work

Global-capable hotkeys, a mini-player and local-only analytics for the Spotify Web Player.

Get Extension on Chrome Store

❓ Frequently Asked Questions

Yes. The extension controls the Spotify Web Player, so keep open.spotify.com open in a tab. You never have to switch to it.

No. It is designed exclusively for the Web Player at open.spotify.com. Close the desktop app to avoid routing conflicts.

It can be if you spend your day designing. Park the mini-player in the toolbar popup and use the volume scroll wheel to duck music during client calls.