VIZ 10 - Free Audio Visualizer

LIVE PREVIEW

Welcome

          FORMAT · 16:9
        

Encoder stabilizer armed · audio decode pending

Preview uses your audio file in real-time.

Render progress: 0%

Created by Andrew Fly

Presets

Save and reload full VIZ-10 sessions as .VIZ10 files.

Presets store: text layout, fonts, cover/logo positions & scale, background styles, wave styles, colors and images (embedded as data).

Audio

Select your track and set sensitivity for the waveform.

Audio file

WAV, MP3, M4A, AAC and audio from MP4 when the browser codec supports it.

Wave sensitivity

Controls how much the animation reacts to your audio levels.

Render will decode your track for a cleaner export start when the browser supports it.

Logo

Logo used as a design element inside the main scene.

Logo image (PNG recommended)

Shown inside the visual composition. In design mode, you can drag and resize it in the preview.

Logo scale

Logo opacity

Cover

Album cover positioning and scale.

Cover image

Centered main cover inside the visualizer. Drag it in the preview and resize with corner handles.

Cover size

Titles

Main title, subtitle, track title and artist layout.

Main title

Subtitle

Track title

Artist

Fonts

Main

Subtitle

Track

Artist

Drag titles directly in the preview. Use corner handles to scale them (snap-grid is always active).

Visualizer

Wave style, thickness, opacity and vertical position.

Wave style

Wave thickness

Wave opacity

Wave vertical position

0 = very high · 50 = exact center · 100 = very low. Range is perfectly symmetric: same distance up and down.

Aura intensity

Controls cover bloom, title glow and the reactive color halo behind the scene.

Beat flash

Adds a short light pulse on strong transients instead of generic motion spam.

Motion drift

Bass and mid energy subtly push framing, halo offset and scene scaffolding.

BG & Colors

Background animation style and global palette.

Background style

Color A (Background)

Color B (Wave & accents)

Text color

Background image

Used only when “Background style” is set to 00 · Static: image or solid color.

Color A and Color B are applied to all Background Styles. Waves include a soft glow that follows Color B.

Instructions

Quick workflow to get a complete video out of VIZ-10.

Go to Audio and load your track. Adjust wave sensitivity if needed.
Go to Cover and load your cover.
Go to Logo and load your logo (PNG) if needed. Position and scale it inside the scene.
Go to Titles and type main title, subtitle, track title and artist. Drag them in the preview and resize via handles.
Go to Visualizer and choose wave style, thickness, opacity and vertical position.
Go to BG & Colors to select background style, Color A / Color B and optional background image.
Finally, go to Video Export and click Render.
Keep the tab in foreground until rendering is finished. A file will be downloaded automatically.
If the final video file ever looks corrupted or incomplete, it’s usually because the browser or system has interrupted the recording (tab minimized, computer going to sleep, low memory or disk space, etc.). To avoid this, keep the VIZ-10 tab in the foreground while rendering, close heavy apps and extra tabs, make sure you have enough free disk space, and use the latest version of Google Chrome or Microsoft Edge on desktop. If it still happens, restart the browser and render again — in almost all cases the second export works correctly.

You can always save a full session as a .VIZ10 preset in the Load/Save Presets tab.

Video export

Choose the delivery format first, then export with the matching size and frame rate.

Export format

Aspect

Resolution

FPS

File

Quality

Social presets include vertical, square and landscape outputs. Preview always fits the selected frame.

WebM is the most reliable browser export. MP4 support depends on the encoder available in Chrome/Edge.

Render

Uses the selected background style, cover, logo and titles. Audio comes from the loaded track.

Render stabilizer

Adds a short silent lead-in before the track starts so the browser recorder locks in before the first transient.

Render instructions

Load audio, cover and logo (optional).
Set visuals, titles and colors.
Click Render and keep the tab in foreground.
At the end you get a file (WEBM or MP4) ready for conversion or upload.

Export uses MediaRecorder with canvas.captureStream() and the audio of your track.
Audio is routed through Web Audio during export. If a decoded buffer is available, VIZ-10 uses it for a cleaner render start. For MP4 support, use Chrome/Edge on desktop. If MP4 is not available, it will export WebM automatically.