Web DJ

About

Web DJ transforms your browser into a fully-featured DJ workstation. Capture audio from any webpage, load it into sampler pads, apply real-time effects, build beats with a step sequencer, and visualize your mix — all from a sleek side panel that works alongside any website.

★ 16 SAMPLER PADS

Trigger sounds instantly with a 16-pad grid:
• Built-in samples: kick, snare, hi-hat, clap, tom, cymbal, bass, synth
• Capture audio from any webpage element and assign it to a pad
• Keyboard shortcuts for every pad (Q-V, 1-4 for fast triggering)

★ AUDIO CAPTURE FROM ANY WEBPAGE

Scan any webpage to detect audio, video, and embedded media elements. Capture sound from any detected source, trim it with a waveform editor, and assign the clip to a sampler pad. Works on YouTube, SoundCloud, Spotify Web, podcasts, and any other site with playable media.

★ WAVEFORM TRIM EDITOR

After capturing audio, open the trim modal to fine-tune your sample:
• Visual waveform display on canvas
• Draggable start and end handles
• Preview trimmed clip before saving
• Assign directly to any pad

★ MIXER

Control your mix with professional-grade tools:
• Master volume fader (0–100%)
• VU meter for real-time level monitoring
• A/B crossfader for blending between sources

★ 4 AUDIO EFFECTS

Shape your sound with real-time effect processing:
• Reverb — adjustable wet mix for spatial depth
• Delay — configurable time, feedback, and wet mix
• Filter — lowpass, highpass, and bandpass with frequency and resonance controls
• Distortion — adjustable amount and wet mix for grit and texture

Each effect has its own enable/bypass toggle.

★ STEP SEQUENCER

Build drum patterns and loops:
• Transport controls: play, stop, record
• BPM control (40–300 BPM) with increment/decrement buttons
• Visual step grid for programming beats
• Clear pattern or export loop as audio

★ AUDIO-REACTIVE VISUALIZER

Watch your mix come alive with three visualization styles:
• Bars — frequency spectrum display
• Wave — waveform oscilloscope
• Circular — radial polar visualization

Toggle on/off from the side panel.

★ SIDE PANEL DJ BOOTH

The full interface lives in Chrome's side panel, so you can mix audio while browsing. Open it with Ctrl+Shift+D (Cmd+Shift+D on Mac) or from the popup.

★ ELEMENT CAPTURE MODE

Press Ctrl+Shift+E to enter capture mode — hover over any audio or video element on the page and click to capture its audio. Visual highlighting shows which elements are capturable.

★ QUICK-ACCESS POPUP

Click the extension icon for an instant overview:
• Extension status indicator
• One-click "Open DJ Booth" button
• Quick page scan with source counts (audio, video, embeds)
• Mini sampler pad preview

★ PERSISTENT SESSIONS

All settings, pad assignments, sequencer patterns, and captured audio are saved locally. Your DJ setup persists across browser sessions and restarts. Captured audio is stored in IndexedDB for efficient retrieval.

★ PRIVACY FIRST

All audio processing happens locally in your browser using the Web Audio API. No audio data is uploaded or transmitted. Captured samples are stored in IndexedDB on your device. No accounts, no servers, no tracking.

Drop the beat. Install Web DJ today.