What VIZ-10 is in two lines
- An HTML5 audio visualizer that runs in your browser.
- You load audio, cover, logo and titles, pick a visual style, and VIZ-10 gives you a complete video with audio + animation in real time (WEBM or MP4 depending on your browser).
It’s built for:
- library trailers,
- YouTube videos,
- quick but elegant music visuals without After Effects.
Key highlights in Version 2
1. Movable and resizable objects in the live preview
This is the headline feature.
You can now move and scale directly inside the canvas:
- Cover
- Logo
- Main title
- Subtitle / collection
- Track title
- Artist
How it works:
- Click on the preview → you select the element.
- Drag to reposition it (with an always-on snap grid, so elements stay aligned and clean).
- Use the corner handles to resize the object proportionally (for cover, logo and text).
- You do all of this in design mode (when audio is stopped), so you don’t waste time fighting the playback.
In short: the VIZ-10 V2 preview behaves like a mini layout editor. You are no longer locked into fixed positions – you can adapt the visual layout to the mood of each track.
2. Fixed 16:9 video layout
The canvas is now locked to 1920×1080 (16:9), with a clear “FORMAT · 16:9” label above the preview.
Benefits:
- No surprises when you import the video into your editor.
- Perfect for YouTube and most video platforms.
- The preview matches the exported video 1:1.
3. New “BG & Colors” logic (Color A / Color B + background image)
The “BG & Colors” tab is the visual core:
- Background style: a list of numbered styles (00, 01, 02, … 26), all driven by Color A / Color B.
- Color A (Background): sets the base of the scene.
- Color B (Wave & accents): tints the waveform, glow and many accents.
- Text color: global text color.
Plus:
- “00 · Static: image or solid color” lets you choose:
- a flat background based on Color A, or
- a custom image (Background image) that fills the frame while keeping proportions.
Every other style (tunnel rays, glitch stripes, smoke-like waves, crossed curved lines, etc.) still reacts to Color A / Color B, so just two colors can completely change the mood of the visual.
4. More controllable and musical waveform
In the “Visualizer” tab you can:
- pick a Wave style (numbered and labeled),
- adjust Wave thickness,
- adjust Wave opacity,
- set the Wave vertical position with a 0–100 control:
- 0 = very high
- 50 = perfectly centered
- 100 = very low
The movement is perfectly symmetric, so shifting the wave up or down keeps the layout balanced and predictable.
The reaction is controlled in the Audio tab:
- Wave sensitivity defines how strongly the visual responds to your track, with logic that:
- normalizes the signal,
- avoids “flat” bars,
- limits extreme peaks so the shape doesn’t explode off-screen.
5. .VIZ10 presets: full-session saves (including images)
In the “Load/Save Presets” tab:
- You can save a complete session as a .VIZ10 file.
- You can reload a previous project with a single click.
A preset stores:
- text content, fonts, positions and scales for all titles,
- cover and logo positions + scale,
- wave style, sensitivity, thickness, opacity, vertical placement,
- background style, colors and optional background image,
- logo state and all layout tweaks.
Images are embedded as data, so you don’t have to remember which file you used: load the preset and VIZ-10 rebuilds the entire scene.
6. Offline real-time rendering with progress bar
The “Video Export” tab handles the final step:
- VIZ-10 uses canvas.captureStream() + MediaRecorder to record video + audio in real time.
- The chosen format depends on your browser:
- if supported: MP4 (H.264),
- otherwise: WEBM, ready for upload or conversion.
During render:
- A progress bar shows the current percentage.
- When it’s done, the file is automatically downloaded with a timestamped name.
Practical tips:
- Use Google Chrome or Edge on desktop for best MP4 support.
- Keep the tab in the foreground during the render.
- Before rendering:
- load audio, cover and logo,
- arrange your titles and objects in the preview,
- choose background style and colors.
A simple workflow with VIZ-10 V2
- Audio
- Load your track, adjust wave sensitivity.
- Cover
- Load the cover, move and resize it directly in the preview using the corner handles.
- Logo (optional)
- Load your logo and place it exactly where you want in the design.
- Titles
- Enter main title, subtitle, track title and artist.
- Then move and resize each text block directly inside the preview until the layout feels right.
- Visualizer + BG & Colors
- Choose the wave style, thickness, opacity and vertical position;
- then pick your background style, Color A/B and optional image.
- Video Export
- Hit Render, wait for the progress bar to reach 100%, and use the file for YouTube, socials or further editing.
What makes Version 2 a real step forward
The real upgrade in VIZ-10 Version 2 is freedom.
You’re no longer stuck inside a rigid template: the interface lets you treat cover, logo and titles as movable, resizable elements, guided by a snap grid so everything stays tidy and cinematic.
Combined with:
- color-driven backgrounds,
- a musical waveform engine,
- full-session presets,
- offline rendering with audio,
VIZ-10 V2 becomes a practical tool to turn your music into ready-to-publish video in just a few steps.
What’s next
VIZ-10 is designed to grow over time.
Future updates are planned to introduce:
- new background styles and motion behaviors,
- additional waveform modes and animation tricks,
- more layout and preset options focused on fast social-media delivery.
Version 2 is the foundation – new implementations will keep expanding what you can do visually, while keeping the same fast, composer-friendly workflow.