MOTION / LIVE DISPLAY / HOW TO

IMAGE REACTOR

A music visualizer that analyses low, mid and high frequencies to drive an image, with optional lyrics, live siren and noise effects, and video recording.

LOW IMPACT follows bass, MID FLOW follows voices and chords, and HIGH DETAIL follows hats and upper frequencies. Set SENSITIVITY and MOTION first, then tune the individual bands.

OPEN TOOL →START HERE日本語
IMAGE REACTOR interface
IMAGE REACTOR running in the browser

When this helps

LOW IMPACT follows bass, MID FLOW follows voices and chords, and HIGH DETAIL follows hats and upper frequencies. Set SENSITIVITY and MOTION first, then tune the individual bands.

What this browser tool does

A music visualizer that analyses low, mid and high frequencies to drive an image, with optional lyrics, live siren and noise effects, and video recording.

First five steps

  1. Load a background with IMAGE and a track with MUSIC.
  2. Start playback with AUTO ON and watch the overall response.
  3. Adjust SENSITIVITY and MOTION.
  4. Tune LOW IMPACT, MID FLOW and HIGH DETAIL for the track.
  5. Optionally load timed lyrics, then record and save the video.

Basic controls

SOURCE

MUSIC loads audio, IMAGE loads the background and LYRICS accepts timed text. LOOP repeats playback and SPEED changes playback rate.

AUTO VISUAL

Toggle AUTO, COLOR, CHAOS and GRAIN AUTO. Start with AUTO and COLOR only so the track remains readable.

FREQUENCY RESPONSE

LOW follows kick and bass, MID follows vocals and chords, and HIGH follows hats and detail. Choose one dominant band.

LIVE FX

SIREN, NOISE and BURST can be performed over the track. Use SIREN PITCH, NOISE TONE and FX LEVEL to keep them balanced.

Practical setups

Bass-led cover

Increase LOW IMPACT, keep MID FLOW moderate and reduce HIGH DETAIL so the artwork moves with the kick.

Vocal focus

Raise MID FLOW, lower MOTION and keep COLOR controlled so lyrics remain legible.

Live interruption

Keep the base visual stable and add short SIREN or BURST hits only at transitions.

Save and export

REC saves the canvas and browser audio as WebM. Test the first seconds before a full take, especially when using external audio and timed lyrics.

What this tool does not do

  • This tool focuses on one sound or pattern task rather than final mixing.
  • Keep output level conservative before pushing feedback, drive or repeated effects.

FAQ

Is it free?
IMAGE REACTOR is free to use in the browser.
Do I need to install anything?
No. Open the tool in a current browser to start.
Can I save or export the result?
REC saves the canvas and browser audio as WebM. Test the first seconds before a full take, especially when using external audio and timed lyrics.
What should I try first if it does not work?
If music does not play, select the file again and press the play control directly.

Troubleshooting

  • If music does not play, select the file again and press the play control directly.
  • If nothing reacts, raise SENSITIVITY before raising every frequency band.
  • If motion becomes tiring, reduce MOTION and disable CHAOS.
  • Large source images can stutter; resize them before loading.

Next tools

  • How to use LIVE IMAGE WARPAn audiovisual siren that bends an uploaded image in real time with pitch, speed, depth, delay, feedback, stereo width, noise and glitch controls.
  • How to use LUMINOUS IMAGEA lightweight music visual tool that adds light, sparkle and transparent colour to an image using BREEZE, PRISM, AURORA and DREAM modes.
  • How to use IMAGE PAD TRIGGERA sixteen-pad audiovisual sampler for sending paired images and sounds to the screen, with CUT, FADE, PUNCH and FLASH transitions plus a separate output window.

OPEN IMAGE REACTOR

Start from one preset or one pattern, then adjust only the part you can hear changing.

OPEN TOOL →