Visuals Guide: Free Audio Visualizer Online

The Visuals tab is Crayonbrain's dedicated audio-reactive graphics workspace. Point it at sound from your microphone (live room, DJ booth, speaker) or from an uploaded audio or video file, pick a visual engine and presets, then go fullscreen or export a video for further editing.

Open it from the tab bar or home hamburger menu: Visuals.

At the top of the Visuals panel, a toggle switches input mode:

• Live: uses your device microphone (after you grant permission). Nothing is sent to our servers; analysis happens in the browser. (see the Privacy Policy).
• Upload: load a local file. Supported types include common audio formats and video files where the soundtrack is extracted for playback (up to 100MB per file).

In Live mode, tap Start Microphone. The browser will ask for permission once per origin. If access fails, check OS privacy settings and that no other app has exclusive control of the mic.

• Stop Microphone: releases the stream when you are done.
• Fullscreen: expands visuals to the whole screen. Press Escape to exit.

Live mode is ideal for parties, streams, practice rooms, and visualizing speakers or anything else in real time.

Below the mic or upload controls, preset UI depends on mode:

Single preset

Choose one Butterchurn (Milkdrop) preset at a time from the tabbed preset selector. Categories group artists and styles so you can browse hundreds of community presets.

Automix

Turn on Automix to rotate presets automatically on a timer (30 seconds, 1 minute, or 2 minutes). Useful for long sessions, background visuals, and variety without manual clicking.

Switch to Upload, then pick a file from your device. After load, you get standard playback in the navbar:

• Play and stop the file.
• Restart from the beginning.
• Loop toggle where available for repeating previews.
• Export: same family of options as Compose for rendering output while the file plays.

Visuals react to the uploaded audio's spectrum in real time, so you can preview how a track will look before exporting a video. This is the workflow for turning a finished MP3 or WAV into visuals for further editing.

Go here to try upload mode.

Fullscreen hides the rest of the web browser so only the visual fills the display. On Live mic, use the fullscreen button after the mic is running. In fullscreen, preset controls may appear as a lightweight overlay depending on context; exit with Escape or the on-screen control.

From Visuals (Live with mic active, or Upload with a loaded file), use the navbar export flow to open Export Video.

• Aspect ratio: Landscape (16:9) for YouTube and desktop, or Portrait (9:16) for TikTok, Reels, and Shorts.
• Rendering: the app records the visualizer canvas frame-by-frame while audio plays. Processing stays in the browser.
• Download: when complete, save the file. Re-run with a different preset or ratio if you want variants.

For best results, use a mastered WAV or high-quality MP3, disable automix if you need a single look for the whole clip, and match portrait vs landscape to your target platform before starting a long render.

You do not have to leave Compose to see motion. In the Compose tab, enable the Visualizer section under the drum or piano roll to monitor Butterchurn, Spectrum, Melody Roll, or Starweaver driven by your loop.

In Synth view, a collapsible visual strip can sit above the editor. This shows you the waveform of the synth you are working on.

Typical pipeline: finish a loop in Compose, export WAV, open Visuals, Upload, pick presets, export video.

When you preview someone else's post on Browse, a smaller melody roll visual plays so you hear and see the loop together. That preview is feed-specific; your Visuals tab presets are independent. Post your own loops from Compose to share your ideas.