Video to ASCII Art Animation

This tool is a mash-up of two ideas: classic ASCII art and frame-by-frame video sampling. When you drop in a clip, your browser decodes it with a hidden video element, seeks through it at your chosen frame rate (5–15 fps), and draws each frame onto a tiny offscreen canvas — one canvas pixel per output character. Every pixel is reduced to a single brightness value using the standard luminance weighting (red counts ~30%, green ~59%, blue ~11%, matching how the human eye perceives brightness). That brightness then picks a character from a density ramp —  .:-=+*#%@ — where sparse characters like . read as dark and dense ones like @ read as bright on a black background. String the frames together with a monospace font and a timer, and you have an animation made entirely of text.

Everything happens 100% in your browser. The video file is never uploaded — there is no server-side processing at all for this tool. Decoding, sampling, conversion, playback, and even the video export are done locally with the canvas and MediaRecorder APIs, which is also why it keeps working with your network disconnected.

ASCII vs Braille Mode

ASCII mode maps one character per sample and gives you 10 brightness levels, so it captures shading and gradients — faces, smoke, water, and lighting effects look surprisingly good. Braille mode (borrowed from our Braille ASCII Art generator) packs a 2×4 grid of dots into each Unicode braille character (U+2800–U+28FF), giving roughly 8× the spatial resolution at the same text width — but each dot is binary on/off, decided by the threshold slider. The rule of thumb: braille for crisp edges, silhouettes, and logos; ASCII for tonal, photographic footage. If your subject is dark on a light background, flip the invert toggle so the brightness mapping reads correctly on the dark preview.

Tips for Good Results

• High contrast wins. A clearly lit subject on a plain background converts far better than a busy scene full of mid-tones.
• Keep it short and simple. 5–30 seconds, one subject, slow movement. Text art has low resolution, so fast motion turns to noise.
• Start at the defaults (80 characters wide, 10 fps, ASCII) and only widen if your clip has fine detail worth keeping.
• Tune the threshold in braille mode while scrubbing to a representative frame — a small change often makes the subject pop out of the background.
• Portrait clips work — the aspect ratio is preserved — but landscape fits chat windows and terminals better.

Where to Share Terminal-Style Animations

The exported WebM drops straight into Discord, Slack, Mastodon, or a tweet, and makes a great retro intro for YouTube videos or livestream scenes. The raw text frames are fun in their own right: paste a single frame into a Discord code block or a README, use one as a commit-art easter egg, or pipe the .txt file through a small script (sleep + clear between frames) to replay the animation in an actual terminal. Anywhere a monospace font lives, your animation can too.

An Honest Note on Video Export

The “Export as video” button renders every text frame onto a canvas and records it with the browser’s built-in MediaRecorder, which outputs WebM (VP9/VP8). Browsers can’t encode MP4 client-side, so we don’t pretend otherwise — if a platform insists on MP4, run the WebM through a converter afterwards. Recording works best in Chrome and Edge; Firefox works too, while Safari’s MediaRecorder support is more limited, so on Safari you may only get the text exports. The button feature-detects and tells you if your browser can’t record.

Frequently Asked Questions

Related Tools

Like this? Turn still images into dot art with the Braille ASCII Art Generator, make text banners with the ASCII Text Art Generator, or go the other direction and render CSS animations to video with HTML to Video.