VIZ 10 - Free Audio Visualizer

LIVE PREVIEW

Welcome

          FORMAT · 16:9
        

Preview uses your audio file in real-time.

Render progress: 0%

Created by Andrew Fly / Special thanks to Jason Shoepfer

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

Any audio supported by your browser (WAV, MP3, etc.).

Wave sensitivity

Controls how much the animation reacts to your audio levels.

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

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.

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

Offline real-time render with audio + visual.

Render

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

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.
For MP4 support, use Chrome/Edge on desktop. If MP4 is not available, it will export WebM automatically.