CDJ-WEB 100 – online DJ software – Web DJ tool for the masses

Documentation & Instructions

cdj-web-100-chrome-plugin
Available in Chrome Webstore

Your device can DJ. Your website can host a DJ booth. DJYAN.NET free online DJ software runs dual CDJ-WEB 100 decks and a DJM-WEB 1 mixer in any modern browser — load MP3s, mix with jog wheels, EQ, FX, and crossfader — no download, no install.


Web DJ tool for the masses

Browser-based dual CDJ & mixer

DJYAN.NET CDJ-WEB 100 is a free dual-deck DJ workstation that runs in your browser. Beatmatch, blend with a DJM-WEB 1-style mixer, use tempo and key (tone), channel EQ, effects (JET, ZIP, STEREO), hot cues, SYNC, live streams, mic, and Web MIDI controllers — powered by the Web Audio API. No download or install.

Virtual DJ Tool for the Masses
  • Dual CDJ-WEB 100 decks — jog wheels, tempo, tone, FX, transport, hot cues, SYNC
  • DJM-WEB 1 mixer — GAIN, HI / MID / LO EQ, channel faders, master, crossfader, mic
  • Load tracks — LIBRARY, local MP3 (pick or drag & drop), or URL stream
  • Hot cues 1–4 per deck (pads + keyboard; saved per track)
  • Keyboard shortcuts for live control
  • MIDI controllers — presets + learn (SC-2000 fully tested)
  • Pro multi-out — when 2+ sound outputs, route Deck A / B separately
  • Free embed for webmasters (iframe)

Shorts recording [new Feature]

CDJ-WEB 100 can record vertical Shorts clips straight from the app. Hit SHORTS, pick Deck A or Deck B, then record a real on-screen capture of that deck as a 9:16 video (1080×1920, 30 fps) with master audio — up to 3 minutes. When you stop, the clip downloads so you can drop it into TikTok, Instagram Reels, YouTube Shorts, or anywhere else. Perfect for sharing a cue, a mix moment, or a quick deck demo without a separate screen recorder.

How to start mixing (2 minutes)

  1. Open https://www.djyan.net/djtool/ in Chrome, Edge, Firefox, or Safari.
  2. Click Run CDJ-WEB 100 (browsers need one click before audio).
  3. On Deck A, use LIBRARY, URL, or Load / Drop MP3 (or drag a file onto the deck).
  4. Load a second track on Deck B.
  5. Press PLAY, blend with the crossfader, and tweak EQ / GAIN.
  6. Optional: enable AUTOCUE, use the jog for pitch bend, set hot cues under the waveform.

Deck controls (CDJ-WEB 100)

  • Tempo — speed (BPM) without changing musical key
  • Tone — key shift in semitones
  • Jog wheel — pitch bend while playing; scrub when paused; modulates focused FX
  • JET / ZIP / STEREO — stackable effects (jog sweeps JET notch / ZIP filter)
  • Hot cues 1–4 — empty = set · lit = jump · Shift = clear · saved per track
  • CUE / PLAY / SYNC — transport; SYNC matches tempo + beat phase to the other deck
  • TAP — tap tempo
  • LIBRARY / URL / Load — library · live stream · local file / drop
  • Visualizer — cycle waveform / jog visual modes

Mixer controls (DJM-WEB 1)

  • GAIN per channel, then HI / MID / LO EQ (−26 dB cut · 0 center · +6 dB boost — Pioneer-style)
  • Channel faders and master with meters
  • MIC — optional FX and talkover
  • Crossfader A ↔ B
  • RESET (next to power LED) — restore mixer defaults and clear saved mixer prefs

Keyboard shortcuts

Deck A (left)

  • 1 2 3 — JET / ZIP / STEREO
  • 4 5 6 T — LOOP IN / OUT / RELOOP / CLR
  • Q W E — seek start / −10 s / +10 s
  • A — CUE (hold = preview · release = back · PLAY latches)
  • F1…F4 — hot cues (empty = set · lit = jump · Shift = clear)
  • S — PLAY / PAUSE
  • D — SYNC (match tempo + beat phase to Deck B)
  • Z X — cue nudge ±10 ms (Shift = ±1 ms)
  • Home / End — pitch BEND ◀ / ▶ (hold)

Deck B (right)

  • 7 8 9 — JET / ZIP / STEREO
  • F G H U — LOOP IN / OUT / RELOOP / CLR
  • I O P — seek start / −10 s / +10 s
  • J — CUE (hold preview · PLAY latches)
  • F5…F8 — hot cues (empty = set · lit = jump · Shift = clear)
  • K — PLAY / PAUSE
  • L — SYNC (match tempo + beat phase to Deck A)
  • N and , (comma) — cue nudge ±10 ms (Shift = ±1 ms)
  • Page Down / Page Up — pitch BEND ◀ / ▶ (hold)

Note: Deck B +nudge is the comma key. M opens the Main / Updates panel (not cue nudge).

Global / other

  • ? — toggle help + embed panel
  • M / Tab — Main / Updates panel
  • F11 / FULL — true fullscreen (Esc exits)
  • WINDOW — open a separate window (minimal chrome when allowed)
  • URL (deck button) — live stream (default Fragly Radio or paste URL) · PLAY + FX + visualizers only
  • OUT (EQ icon) — pro multi-output if 2+ sound cards · Chrome/Edge
  • MIDI — controller presets or LEARN · Chrome / Edge / Firefox desktop
  • Shift + A — color debug panel (dev)
  • Shift + Jog — fine scrub + live cue edit (~1 ms/px)
  • Double-click TEMPO — reset that deck’s tempo to 0%
  • 2s / 5s / 7s / ALL — wave zoom (ALL = full track)
  • LOW CPU / CPU — low-CPU mode
  • Jog VIS — cycle jog ring visualizer (RING · MIRROR · PULSE · GAUGE · RIPPLE)

Notes

  • Nudge keys repeat while held; bend keys are hold-to-bend until release.
  • PLAY is S / K only — 5 is LOOP OUT on Deck A, not play.
  • Hot cues: empty = set at playhead · lit = jump · Shift = clear. Saved per track in the browser.
  • Bend keys ignore Ctrl / Meta / Alt chords (e.g. Ctrl+Home).
  • Stream URL mode has no cue / loop / sync / tempo (play + FX + visualizers only).

Tip: press ? inside the app for the on-screen help panel and one-click copy of the embed code.

Embed a free DJ booth on your website

Put a DJ booth on your website — free iframe embed for WordPress, HTML, and modern site builders.

Webmasters can embed DJYAN.NET free online DJ software with a single iframe. Recommended height is at least 760–780px so the full instrument fits without crushing.

Copy-paste embed code

<iframe
  src="https://www.djyan.net/djtool/"
  title="DJYAN.NET free online DJ — CDJ-WEB 100 & DJM-WEB 1"
  width="100%"
  height="780"
  style="border:0;min-height:780px;width:100%;max-width:100%;border-radius:8px;display:block;background:#0a0c0e;"
  allow="autoplay; microphone; clipboard-write; fullscreen"
  loading="lazy"
  referrerpolicy="strict-origin-when-cross-origin"
></iframe>
<p style="font:600 13px/1.4 system-ui,sans-serif;margin:8px 0 0;color:#6a7580;">
  <a href="https://www.djyan.net/djtool/" target="_blank" rel="noopener noreferrer" style="color:#00b8d4;text-decoration:none;">Free online DJ software</a>
  by <a href="https://www.djyan.net/" target="_blank" rel="noopener noreferrer" style="color:#00b8d4;text-decoration:none;">DJYAN.NET</a>
</p>

Works on standard HTML pages and most CMS tools that allow iframes (WordPress HTML block, Webflow embed, etc.). Visitors still need to interact with the page to start audio (browser autoplay policy).

System requirements

  • Modern browser with Web Audio API and JavaScript enabled
  • Desktop recommended for full dual-deck layout; phones use a stacked layout
  • Local MP3 / audio files from the user’s device
  • Microphone permission only if using the MIC section

Recommended (comfortable dual-deck mix)
┌─────────┬────────────────────────────────────────────────────────────────────┐
│ CPU │ Quad-core or better, ~2018+ (e.g. i5/Ryzen 5 class, 4C/8T or more)
│ RAM │ 8 GB+
│ Browser │ Latest Chrome or Edge (best AudioWorklet support)
│ Display │ 1920×1080 or wider (side-by-side decks fit well)
└─────────┴────────────────────────────────────────────────────────────────────┘

FAQ

Is this free online DJ software really free?

Yes. You can mix in the browser at djyan.net/djtool without installing an app its free for everybody.

Can I DJ from my phone or tablet?

Yes. Open the same URL on mobile or tablet. A larger screen is a must for comfortable work.

Can I put this on my website?

Yes — use the iframe embed above (or copy it from the in-app ? help panel).

Do you store my music?

No , only local files are loaded in the browser for playback. Mixer preferences may be saved in your browser’s local storage (EQ, faders, etc.) on that device only. Maybe in future versions …

For any questions or requests contact me….

Scroll to Top