How webcam to ASCII works
When you allow camera access, the browser hands the live camera picture to this page as a video stream. Every time the screen refreshes, the current frame is shrunk to a grid of cells (for example 120 columns by about 50 rows), each cell's brightness is measured, and the cell is replaced with the character that has the matching amount of ink. The characters are then drawn on your graphics card by a WebGPU shader, so the ASCII camera can update 30 to 60 times a second.
Because everything runs inside the browser tab, there is no server between your camera and the picture you see. That keeps the delay low and keeps your camera feed private.
Start the ASCII camera
- Press Start webcam and allow camera access when the browser asks.
- Find your light. Face a window or a lamp. Even light from the front gives the clearest ASCII face.
- Pick a look. Try Standard characters in White on black first, then Braille for detail or Green terminal for a retro screen.
- Capture or record. Capture frame turns the current picture into a still you can copy as text; Record GIF and Record video save the live ASCII view.
- Press Stop when you are done. The camera light turns off.
Getting a good ASCII face
Lighting matters most
ASCII art only shows brightness, so a face lit evenly from the front turns into a flat oval, while light from one side gives the shadows that make a nose, eyes and cheekbones visible. Sit at an angle to a window or move a desk lamp to the side. Avoid a bright window behind you: the camera darkens your face and the ASCII version becomes a silhouette.
Width and distance
At 80 characters wide, a head and shoulders fill the frame nicely. Move closer for a face-only portrait, or go to 160 characters wide for a sharper picture on a fast computer. On phones, 50 to 70 characters keeps the preview smooth.
Contrast and edges
Webcams often produce a soft, low-contrast picture. Raise contrast by 20 to 40 and add 20 to 30 edge detection to sharpen the outline of your face, hair and glasses. Edge lines turn on drawn outlines that look like a pencil sketch.
Styles to try with your webcam
| Look | Settings |
|---|---|
| Classic terminal | Standard characters, Green terminal, contrast +30. |
| Matrix code | Binary 0 1, Green terminal, width 100. |
| Newspaper print | Detailed characters, Black on white, ordered dithering. |
| Dot portrait | Braille, White on black, width 80. |
| Neon color | Blocks, Color on black, contrast +40. |
| Sketch | Standard, edge detection 70, Edge lines on, Black on white. |
Using the ASCII webcam for streams and calls
The live preview is an ordinary part of the page, so streaming and recording software can capture it. In OBS Studio, add a Window Capture (or Browser Source pointing at this page after you start the camera) and crop it to the preview. Turn on OBS Virtual Camera to use that scene as your camera in Zoom, Google Meet, Microsoft Teams or Discord. Keep the width around 100 to 140 characters so the effect is readable after video compression.
Privacy and camera access
This page asks for the camera only when you press Start webcam, never on page load. The picture is processed in memory and discarded frame by frame. Nothing is stored unless you choose to capture or record, and the downloads go straight to your device. Closing the tab or pressing Stop releases the camera.
Prefer to convert a recorded clip? Use video to ASCII. For a single photo, use image to ASCII, or go back to the main ASCII art generator for all sources in one tool.