Audio Visualizer Guide: Turn MP3 into a Waveform Video
Updated 30 October 2026
Full walkthrough of the Meme Tap audio visualizer: waveform, bars or circular styles, 16:9, 9:16 or 1:1 frames, and WebM export with audio on this device.

The Meme Tap audio visualizer is a free, in-browser tool that turns a sound into a moving picture. Drop in an MP3, WAV, or OGG, pick a waveform, frequency bars, or a circular look, and export a WebM video with the original audio. Drawing and recording happen in the tab. The file is not uploaded to a Meme Tap server, and there is no account step.
This is the full guide for that page. It covers how each style reacts to sound, which frame shape suits which app, what the colour and slider controls change, how the export works, and what to do when a file or an export doesn't behave. If the sound is longer than the part you want, cut it first with the online audio trimmer.
Layout of the tool
The page opens with a drop box and a preview canvas under it. After a file loads, the box changes to Replace audio, and the board below shows:
- The file name, with the current time and the full length (for example 0:04 / 0:12)
- The preview canvas in the chosen frame shape
- A seek slider
- Three style buttons: Waveform, Frequency bars, and Circular
- Aspect, Colour, Background, Bar size, and Animation speed
- Play (it becomes Pause while sound is playing) and Export WebM (it becomes Stop export while recording)
"Reading the file…" appears while the audio loads. Most controls stay locked until the length of the file is known.
Adding a file
Drop a file on the box or click the box to open the picker. The allowed types are MP3, WAV, and OGG (.oga counts as OGG).
- Other types show "Use an MP3, WAV, or OGG file."
- Files over 40 MB show "Keep the file under 40 MB so it can draw in this tab."
- "This browser could not read that file. Try MP3 or WAV." means the browser's own decoder failed. This happens most often with OGG, because not every browser can play it.
The file is opened locally in the tab. Nothing is posted to a server for drawing or recording. Use audio you have the right to use, and ask before turning someone else's voice note into a video.
Replace audio swaps the file. The look you picked (style, colours and sliders) stays the same.
Three visual styles
All three styles draw on the same canvas and react to the sound as it plays. You can switch between them at any time during preview.
- Waveform: a single line across the frame that shakes with the sound. It is clean and simple, and good for voice notes and dialogue clips.
- Frequency bars: a row of bars rising from the bottom edge. Low sounds sit on the left and high sounds on the right. This is the classic "equaliser" look that works well for music and bass-heavy meme sounds.
- Circular: spokes that shoot out from a ring in the middle of the frame, with a thin circle inside. It works well in square and vertical frames, where the centre of the screen draws the eye.
The style starts as Waveform on a fresh page.
Choosing a frame: 16:9, 9:16 or 1:1
Aspect sets the shape of the canvas, and the shape of the video you export:
| Aspect | Video size | Good for |
|---|---|---|
| 16:9 landscape (default) | 1280 × 720 | YouTube videos, desktop players, slides |
| 9:16 vertical | 720 × 1280 | TikTok, Instagram Reels, YouTube Shorts, Stories |
| 1:1 square | 720 × 720 | Instagram feed posts, group chats, profile-style posts |
Pick the frame before you export. The video is recorded at the size shown here. If an app crops the edges of the preview, the circular style in the centre usually survives the crop better than full-width bars.
Colour, background, bar size and animation speed
These controls apply to the whole canvas.
- Colour: the colour of the line, the bars, or the spokes. The default is a red-orange.
- Background: the solid colour behind the visual. The default is a near-black. The background is always filled, so the video has no transparent areas.
- Bar size: a slider from 4 to 24 (default 10). In Frequency bars it sets how wide each bar is, so bigger means fewer, chunkier bars. In Waveform it makes the line thicker. In Circular it makes the spokes thicker and spaces them out more.
- Animation speed: a slider from 1 to 10 (default 6). Higher numbers react faster and look jumpier. Lower numbers ease between frames and look smoother and calmer.
Readability tips:
- Strong contrast reads best on a small phone screen: a light colour on a dark background, or the other way round.
- For speech, try Waveform with a medium bar size and a lower animation speed, so the line doesn't flicker.
- For bass-heavy clips, Frequency bars with a high speed make each hit pop.
Preview and seek
Press Play to hear the file and watch the canvas move with it. Pause stops the sound and the motion together. Drag the seek slider to jump to any point. When the file reaches the end, pressing Play again starts from the beginning.
The preview is the same drawing the export records, so what you see is what you get. Set the style, frame, colours, and sliders during preview, before you press Export.
Export WebM
Export WebM records the canvas together with the original audio.
- Press Export WebM. Playback jumps back to the start and the sound plays through.
- A progress bar fills, and the time line shows "Export" with a percentage. The seek slider and Play are locked while it records.
- When the audio reaches the end, recording stops and the browser downloads the video.
Some details:
- It records in real time. A 20-second clip takes about 20 seconds to export, and a 3-minute song takes about 3 minutes. The video always runs from the start of the file to the end.
- File name: the original name with unsafe characters turned into hyphens, then
-visual.webm. For example,bruh.mp3becomesbruh-visual.webm. - Quality: the video is recorded at 30 frames per second at the frame size above, with the original audio track.
- Stop export cancels the export, and no file is saved. To get a video, run the export again and let it reach the end.
- The recording captures whatever the canvas shows. If you change the style or colours mid-export, the change appears in the video, so set the look first.
If the browser can't record video, Export WebM stays greyed out and a note under the drop box says preview still works. Preview, styles, and frames all work as normal.
Limits and what the tool does not do
- 40 MB file limit, enforced in the tab
- Input: MP3, WAV, or OGG where the browser can decode it. It doesn't take video files as input
- Output: WebM only. There's no MP4, GIF, or still image export
- It always exports the full file. There's no start or end selection, so trim first if you need a short clip
- No text, captions, cover image, or logo on the video
- No transparent background
- No cloud library or saved projects. A refresh clears the session
- No watermark from the visualizer
Pairing the visualizer with other Meme Tap tools
The visualizer works best on short, punchy audio. A typical workflow:
- Find a sound on trending sound buttons, new sound buttons, or a board such as the meme soundboard, reaction sounds, or sound effects. Press Download on the sound page to save the MP3.
- Open the online audio trimmer and keep only the line you need. The audio trimmer guide covers every control.
- Drop the trimmed file into the audio visualizer, pick 9:16 for short-video apps, and export.
For a still meme instead of a moving one, the meme caption generator adds text to a photo. A downloaded sound is not a licence. Platform rules and copyright still apply once a video is posted.
Troubleshooting
Export WebM is greyed out. Your browser can't record a canvas to WebM video. Preview still works. Try a different, up-to-date desktop browser.
The OGG file won't open. The tool uses the browser's own decoder, and not every browser can play OGG. Convert the file to MP3 or WAV, then drop it again.
The app won't accept the WebM file. Upload rules differ between apps and change over time. YouTube lists WebM among its supported upload formats. Some apps, including Instagram, ask for MP4 or MOV. If an upload is refused, convert the WebM to MP4 with a video converter or editor, then upload the MP4.
The video froze or skipped. The export records the canvas live. Keep the tab open and in view until the download starts. Many browsers slow down animation in background tabs. Closing other heavy tabs can also help on slower devices.
The export took too long. Export runs at the speed of the audio. Trim the sound to the part you need first.
The visual barely moves. Very quiet audio gives a small picture. Use a louder file, try Frequency bars, or raise the animation speed.
"The recording was empty" or "Could not record that video." Start the export again with the tab in front. If it keeps failing, reload the page and try a shorter file.
Suggested order of work
- Trim the sound first if you only need part of it.
- Drop an MP3 or WAV under 40 MB. MP3 and WAV open more reliably than OGG.
- Pick the frame for where the video will go: 9:16, 16:9, or 1:1.
- Choose a style, then set the colour, background, bar size, and animation speed while you preview.
- Press Export WebM and keep the tab in view until the download starts.
- Convert to MP4 if the app you are posting to needs it.
Next step
Open the audio visualizer, drop a clip, pick a style and frame, and export a WebM with sound on this device. If you only need the sound itself, a ready-made button from the soundboards may already do the job.
Frequently asked questions
Does my audio upload to a server?
No. The file is opened in the browser tab. Preview and WebM export both run on your device, and the video downloads straight to your downloads folder.
Why is Export WebM greyed out?
Export needs a browser that can record the canvas as WebM video. Some browsers can't, and in those the button stays disabled. Preview still works, and a different, up-to-date desktop browser may export fine.
How long does the export take?
About as long as the audio. The tool plays the file from start to end and records it live, so a 15-second clip takes about 15 seconds. Trim long files first.
What size is the video?
1280 × 720 for 16:9, 720 × 1280 for 9:16, and 720 × 720 for 1:1, at 30 frames per second, with the original audio. The file is named after your audio file, with -visual.webm added.
Can I visualise only part of a song?
Not inside the visualizer, which always exports the full file. Cut the part you want with the online audio trimmer, then drop the trimmed file into the visualizer.
Can I post the WebM to TikTok, Reels or Shorts?
It depends on the app, and upload rules change. YouTube lists WebM as a supported format. Some apps, such as Instagram, ask for MP4 or MOV. If an upload is refused, convert the WebM to MP4 first.
Is unsaved work kept after a refresh?
No. The visualizer doesn't store the file or your settings. Refresh the page and the drop box is empty again.