Textmode Overlay

Click the extension, pick a canvas or video, and a live ASCII layer appears directly on top of the original media - aligned, adjustable, and removable at any time.

Built with textmode.js.

─── HOW IT WORKS

1 Click the [Textmode Overlay] icon in your toolbar
2 Click "select media" in the overlay panel
3 Hover any visible canvas or video element
4 Click the element to create the overlay
5 Adjust settings, export, or remove it anytime

─── OVERLAY CONTROLS

▸ opacity blend the overlay with the original
▸ font size control character density (8-64 px)
▸ glyph ramp choose the characters used for shading
▸ invert swap character and cell colors
▸ character color sample from the source or use a fixed color
▸ cell color sample from the source or use a fixed color

─── EXPORT OPTIONS

▸ TXT plain-text character grid
▸ SVG scalable vector snapshot
▸ PNG raster image export
▸ JPG compressed raster export

─── PRIVACY & PERMISSIONS

textmode runs only after you click it. It works on the active tab, keeps all processing local in your browser, and stores settings locally in the browser.

Permissions used:
▸ activeTab operate only on the tab you invoke it on
▸ scripting inject the overlay runtime after your click
▸ storage remember your settings locally

─── IMPORTANT NOTES

Some cross-origin or protected media cannot be sampled due to normal browser security restrictions. The extension will show a clear message when this happens.