Textmode Overlay

Haz que la web en movimiento parezca texto.

[Textmode Overlay] es un generador de arte ASCII en tiempo real y un efecto de video a texto para tu navegador. Selecciona un video o un canvas compatible y observa cómo se convierte en una cuadrícula de caracteres viva y perfectamente alineada. Combina el sombreado por brillo con líneas de contorno, elige tus colores y tipografía, apila efectos visuales y exporta el fotograma cuando la composición te convenza.

El medio original permanece debajo, así que puedes mezclar, pausar, restablecer, reemplazar o quitar el efecto cuando quieras.

Creado con textmode.js.

─── PRUÉBALO

Usa [Textmode Overlay] donde sea que la página exponga un canvas o un video HTML5 compatible:

▸ convierte la reproducción de YouTube en arte ASCII en vivo
▸ reinterpreta streams y VOD de Twitch en textmode
▸ estiliza videos de Vimeo y otros reproductores web
▸ transforma juegos de navegador, demos y canvas de WebGL
▸ agrega un aspecto de arte textual a visualizadores de música y audio
▸ explora p5.js, Three.js, arte generativo y bocetos de creative coding
▸ prueba elementos canvas o video en tus propios sitios web

Algunos medios protegidos, de origen cruzado o en sandbox pueden no estar disponibles. [Textmode Overlay] marca los fotogramas inaccesibles e informa de errores de muestreo sin interrumpir la página.

─── CREA UNA SUPERPOSICIÓN

Abre una página que contenga un canvas o un video visible.

Barra de herramientas:
1 Haz clic en el ícono de [Textmode Overlay] de la barra de herramientas
2 Elige "select media"
3 Previsualiza los objetivos disponibles
4 Haz clic en un objetivo

Menú contextual:
1 Haz clic con el botón derecho en cualquier parte de la página, o directamente en un video
2 Elige "Open Textmode Overlay"
3 En el panel de superposición, elige "select media"
4 Haz clic en un canvas o video resaltado

Presiona Esc cuando quieras cancelar la selección de medios.

─── DIBUJA CON LUZ, BORDES O AMBOS

Los pases de brillo y contorno pueden activarse de forma independiente, lo que te da tres formas de dar forma al resultado:

▸ solo brillo
▹ traduce los valores de luz mediante una rampa de glifos personalizada

▸ solo contorno
▹ dibuja los bordes detectados como líneas gráficas de caracteres

▸ combinado
▹ superpone los contornos al sombreado ASCII basado en el brillo

Ajusta el umbral de contorno y la sensibilidad al color, invierte cualquiera de los pases y elige colores muestreados o fijos para sus caracteres y celdas.

─── HAZ TUYO EL ESTILO

▸ mezcla el resultado con un control de opacidad
▸ ajusta el tamaño de los caracteres, desde el detalle denso hasta píxeles gruesos
▸ elige y edita la rampa de glifos usada para el sombreado
▸ recorre las tipografías de textmode incluidas
▸ sube tipografías TTF u OTF compatibles desde tu computadora
▸ muestrea los colores de origen o selecciona colores fijos de carácter, celda y fondo con transparencia alfa
▸ arrastra el panel fuera de la parte de la página que quieras ver
▸ restablece un experimento y empieza de nuevo sin volver a seleccionar el medio

─── CREA UNA PILA DE EFECTOS EN VIVO

Elige entre 16 filtros de postprocesado, como CRT, scanlines, bloom, grano de película, pixelado, aberración cromática, posterizado, umbral, viñeta, escala de grises, sepia y controles de tono, contraste y saturación.

Cada efecto puede activarse, reordenarse, expandirse y ajustarse mientras la fuente sigue reproduciéndose. Cambiar el orden de la pila puede producir un resultado completamente distinto.

─── GUARDA UN FOTOGRAMA

▸ TXT
▹ copia la obra como una cuadrícula de caracteres sin formato

▸ SVG
▹ mantén nítido el resultado de textmode a cualquier escala

▸ PNG
▹ exporta una imagen sin pérdida

▸ JPG
▹ exporta una imagen ráster compacta

─── RECUERDA TU FLUJO DE TRABAJO

Tu preajuste de superposición más reciente se recuerda por separado para cada dominio. También se recuerda la posición del panel, y las tipografías personalizadas persisten localmente en el almacenamiento gestionado por el navegador hasta que las elimines.

─── PRIVADO POR DEFECTO

No hay cuenta, procesador en la nube, seguimiento, publicidad ni procesamiento remoto de medios. La extensión crea superposiciones solo cuando se lo pides y mantiene la conversión, los ajustes, las tipografías y las exportaciones dentro de tu navegador.

Permisos utilizados:
▸ activeTab
▹ accede a la página solo después de que invoques la extensión

▸ scripting
▹ inicia las herramientas de superposición en la página

▸ storage
▹ conserva los ajustes locales y los metadatos de las tipografías personalizadas

▸ unlimitedStorage
▹ conserva localmente los archivos de tipografía personalizados compatibles

▸ contextMenus
▹ agrega la acción de clic derecho “Open Textmode Overlay”

─── COMPATIBILIDAD

Se admiten iframes del mismo origen, anidados, srcdoc y agregados dinámicamente. No se puede apuntar a medios dentro de iframes de origen cruzado o con sandbox opaco. Los canvas con datos contaminados (tainted canvas), el video con DRM y otras fuentes protegidas también pueden bloquear el muestreo de píxeles según las reglas de seguridad normales del navegador.