UI and Graphic Designers

Spotify Volume Control While designing: The Faster Way

Fine-tune volume with the mouse wheel over the popup.

💡 Overview

Volume is the most-adjusted setting in any listening session. Changing a track in the middle of a layout shouldn't require leaving your design file.

Hover over the mini-player and scroll the mouse wheel to raise or lower the volume in small steps, or drag the slider for precision. A mute toggle remembers the previous level so you can silence a track and bring it back to where it was. The popup also supports the M key for mute.

🧭 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 the popup from the toolbar.
  2. Scroll the mouse wheel over the player to adjust volume.
  3. Press M or tap mute, then unmute to return to the previous level.

✨ What You Get

  • Zero-polling design: A MutationObserver updates the UI only when the page changes, keeping CPU and memory use low.
  • Device quick-switcher: One click to the Spotify Connect device drawer from the mini-player header.
  • Four default hotkeys: Shift+Alt+Up toggles play and pause, Right skips, Left goes back and Down pauses only.
TaskSwitching tabsSpotify-Web Playback Controller
PrivacyDepends on the toolNo credentials collected, local analytics
Liking a songOpen the tab, click the heartTap the heart in the popup or press L
Skipping a trackSwitch window, click next, switch backShift+Alt+Right from any window
Volume changeOpen the tab, drag a sliderScroll the mouse wheel over the popup

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 popup includes one-tap mute memory so you can restore the previous level.

The popup supports M to mute. Volume steps are most precise with the mouse wheel or slider.

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.