Audio Visualizer Export Guide: Formats, Layouts and Quality
Understand MP4 and WebM export options, choose a video layout and resolution, and troubleshoot browser recording with a short test.
A preview that looks right is the beginning of a successful export. The finished file also needs the correct shape, audible sound and a format that works in the player or editor where you intend to use it.
AudioVisualizer records the canvas and audio in your browser. Available recording formats depend on the environment, and a longer or larger recording asks more of your device. A short test is the most useful way to check the complete workflow before making the final video.
Choose an available format: MP4 or WebM
The Format menu shows the recording options the browser reports as supported. This tool checks candidates for MP4 and WebM; the choices can differ between devices and browsers. Playback support and recording support are separate questions.
The MediaStream Recording specification explains that a positive format-support result can still be followed by a recording failure if resources are insufficient. Treat the menu as a capability check, then verify an actual exported file.
If your destination asks for MP4 and that option is available, test an MP4 export there. If only WebM is available, check whether the destination accepts the resulting file. When a different format is required, use a separate editor or converter; this version of AudioVisualizer does not include an export-conversion step.
Changing a filename from .webm to .mp4 does not convert the media. Keep the extension supplied by the download until you perform a real conversion.
Choose the layout and resolution together
Layout controls the shape. Resolution controls the canvas dimensions within that shape. The current 720p and 1080p options produce these sizes:
| Layout | 720p option | 1080p option |
|---|---|---|
| Landscape · 16:9 | 1280 × 720 | 1920 × 1080 |
| Square · 1:1 | 720 × 720 | 1080 × 1080 |
| Portrait · 9:16 | 720 × 1280 | 1080 × 1920 |
These dimensions come from the tool’s current implementation. They are not a list of requirements for publishing platforms. Choose the intended shape, review the framing, then test the file in its actual destination.
Begin at 720p if you are checking a new device or design. A higher resolution gives the drawing more pixels, but it cannot restore missing detail in a small background image. Increase resolution when the composition is settled and the device handles the recording comfortably.
Allow time for the whole recording
This implementation records in real time. A two-minute track needs roughly two minutes of recording, followed by file finalization. The export starts from the beginning of the selected audio, rather than from the preview’s current playback position.
Keep the page visible, avoid putting the computer to sleep and wait until the download is ready. The application has limits of five minutes and less than 100 MB for source audio, but those limits are not a guarantee that every allowed file will export successfully on every device.
Switching to another tab pauses the recording. Return to this page and choose Continue export to carry on from the same position; it does not restart automatically. You can also choose Pause export yourself. Keep the tab open: refreshing, closing it or the browser discarding it can lose the unfinished recording.
If the recording fails
- No format available: try another desktop browser and check its Format menu again.
- Recording stops or the page struggles: try 720p, a shorter prepared excerpt or a less busy visual style.
- The file plays but an editor rejects it: test another available format, or convert a verified export using a separate application.
- The composition looks wrong: revisit layout, image cropping and title readability in the preview, then repeat the short test.
If you cancel an export, wait for the tool to return to its ready state before starting again. The current output uses an opaque background; a black background is not an exported transparent layer.
Check the downloaded file
Play the complete test and confirm that it contains both moving visuals and sound. Check the first and last seconds, seek within the file, and inspect the result at the size viewers will actually see. If you will edit it further, import it into that editor before recording the longer version.
For a smoother creative setup before this final step, follow the music visualizer walkthrough or return to Audio Visualizer to make a short test.
