Nodes/ComfyUI-Pixaroma/AudioReact Pixaroma
ComfyUI Node

AudioReact Pixaroma

Turn one still image into an audio-reactive video, no models needed

By pixaroma·Created 5 months ago·Updated 5 days ago· 357
AudioReact Pixaroma
  • image
  • audio
  • video_frames
  • audio
  • fps

AudioReact Pixaroma is the flashiest node in the Pixaroma pack, and one of the most genuinely useful: it takes a single still image and a music track and renders a video that moves with the beat. Pulse zoom, camera shake, glitch, pinch, wave, tilt, pixelate, RGB split - 15 motion modes, with up to 8 overlay effects stacked on top (chroma shift, bloom, vignette, hue shift, a cinematic teal/orange grade, letterbox, scanlines, film grain). The result is a ready-made lyric video, track cover, or social clip, and you never leave ComfyUI.

Here's the part that surprises everyone: it needs no extra models. There's no diffusion happening, no checkpoint to load. The node analyzes the audio, drives the motion envelopes off the beat, and renders the animation with WebGL in your browser. A single image in, a video out - that's the whole pipeline.

How it works

Open the fullscreen editor on the node, load your audio, and scrub - the live WebGL preview reacts to the beat in real time as you drag. Pick a motion mode, stack overlays, and the node renders the animation as a batch of frames. It's an editor + render pipeline rather than a sampler, which is why it's instant to iterate on.

Both inputs are optional:

  • image - an upstream still to animate. Unwired? Load one inline in the editor (drag-drop or pick a file).
  • audio - an upstream audio track to drive the envelopes. Unwired? Drop a WAV/MP3/OGG straight into the editor.

There's a dual-source rule worth knowing: upstream wires win by default, but toggling the inline-pin in the editor lets a freshly loaded file override the wire. So you can keep a wired pipeline and still audition a different track without rewiring.

The outputs

  • video_frames - the rendered animation as a batch of IMAGE frames.
  • audio - the track passed through.
  • fps - the render's frame rate.

Wire video_frames and audio into Save Mp4 Pixaroma (same pack) and it encodes the clip straight to MP4 with the audio muxed in - that pairing is the intended flow. You can also feed the frames to a preview or any video-save setup you already have.

Install and gotchas

Standard Pixaroma install - ComfyUI Manager (search "Pixaroma") or:

cd ComfyUI/custom_nodes
git clone https://github.com/pixaroma/ComfyUI-Pixaroma

Restart. No models to download, but there is one hard requirement: WebGL2 in your browser. That's nearly universal on anything from the last few years, but if the editor fails to open or the preview stays black, that's the first thing to check - try updating your browser or enabling hardware acceleration. Also note the preview runs in your browser, so a heavy render on a weak GPU will be choppy in the editor even though the final encoded frames come out fine.

The standing pack advice applies after updates: hard-refresh with Ctrl+Shift+R (Cmd+Shift+R on Mac) if a node looks blank - it's the browser cache, not the node.

Category👑 Pixaroma/🎨 Editors

Inputs (2)

NameTypeDefaultDescription
imageoptIMAGEOptional upstream image source. If wired, used as the still frame for the motion / overlay pipeline. If unwired, the editor's inline-loaded image is used. The 'inline-pin' toggle in the editor lets a fresh in-editor upload override the upstream wire.
audiooptAUDIOOptional upstream audio source that drives the per-frame motion / overlay envelopes. Same dual-source pattern as image: upstream wins by default, but an inline-loaded audio (drag-drop a WAV/MP3/OGG into the editor) overrides upstream when its inline-pin is toggled on.

Outputs (3)

NameTypeDescription
video_framesIMAGEThe rendered animation as a batch of image frames. Wire to Save Mp4 Pixaroma or a preview.
audioAUDIOThe audio track, passed through so you can mux it onto the video downstream.
fpsFLOATFrames per second of the render.