Textmode Overlay

Заставьте движущийся веб выглядеть как текст.

[Textmode Overlay] — это генератор ASCII-графики в реальном времени и эффект «видео в текст» для вашего браузера. Выберите подходящее видео или canvas, и наблюдайте, как оно превращается в живую, идеально выровненную сетку символов. Сочетайте затенение по яркости с контурными линиями, выбирайте цвета и шрифт, накладывайте визуальные эффекты и экспортируйте кадр, когда композиция будет именно такой, как нужно.

Исходное медиа остаётся на месте под эффектом, поэтому вы можете в любой момент смешать, приостановить, сбросить, заменить или убрать его.

Создано с помощью textmode.js.

─── ПОПРОБУЙТЕ

Используйте [Textmode Overlay] везде, где страница предоставляет подходящий canvas или видео HTML5:

▸ превратите воспроизведение YouTube в живую ASCII-видеографику
▸ переосмыслите трансляции и VOD Twitch в textmode
▸ стилизуйте видео Vimeo и другие веб-плееры
▸ преобразуйте браузерные игры, демо и canvas WebGL
▸ добавьте текстово-графический вид визуализаторам музыки и звука
▸ исследуйте p5.js, Three.js, генеративное искусство и скетчи creative coding
▸ протестируйте элементы canvas или видео на своих сайтах

Некоторые защищённые, кросс-доменные или изолированные в песочнице медиа могут быть недоступны. [Textmode Overlay] помечает недоступные кадры и сообщает об ошибках сэмплирования, не прерывая работу страницы.

─── СОЗДАЙТЕ ОВЕРЛЕЙ

Откройте страницу с видимым canvas или видео.

Панель инструментов:
1 Нажмите на значок [Textmode Overlay] на панели инструментов
2 Выберите «select media»
3 Просмотрите доступные цели
4 Нажмите на цель

Контекстное меню:
1 Щёлкните правой кнопкой в любом месте страницы или прямо по видео
2 Выберите «Open Textmode Overlay»
3 В панели оверлея выберите «select media»
4 Нажмите на подсвеченный canvas или видео

Нажмите Esc в любой момент, чтобы отменить выбор медиа.

─── РИСУЙТЕ СВЕТОМ, КОНТУРАМИ ИЛИ ОБОИМИ

Проходы по яркости и контуру можно включать независимо, что даёт три способа формировать результат:

▸ только яркость
▹ переводите значения света через собственную глифовую рампу

▸ только контур
▹ рисуйте обнаруженные края как графические линии из символов

▸ комбинированно
▹ накладывайте контуры поверх ASCII-затенения по яркости

Точно настройте порог контура и чувствительность к цвету, инвертируйте любой из проходов и выберите сэмплированные или фиксированные цвета для его символов и ячеек.

─── СДЕЛАЙТЕ СТИЛЬ СВОИМ

▸ смешивайте результат с помощью регулятора непрозрачности
▸ задавайте размер символов — от плотной детализации до крупных пикселей
▸ выбирайте и редактируйте глифовую рампу для затенения
▸ перебирайте встроенные шрифты textmode
▸ загружайте поддерживаемые шрифты TTF или OTF со своего компьютера
▸ берите цвета из источника или выбирайте фиксированные цвета символов, ячеек и фона с альфа-прозрачностью
▸ перетащите панель подальше от той части страницы, которую хотите видеть
▸ сбросьте эксперимент и начните заново, не выбирая медиа снова

─── СОБЕРИТЕ ЖИВОЙ СТЕК ЭФФЕКТОВ

Выбирайте из 16 фильтров постобработки, включая CRT, scanlines, bloom, зерно плёнки, пикселизацию, хроматическую аберрацию, постеризацию, порог, виньетку, оттенки серого, сепию, а также регуляторы оттенка, контраста и насыщенности.

Каждый эффект можно включать, переставлять, разворачивать и настраивать, пока источник продолжает воспроизводиться. Изменение порядка стека может дать совершенно другой результат.

─── СОХРАНИТЕ КАДР

▸ TXT
▹ скопируйте работу как простую сетку символов

▸ SVG
▹ сохраняйте результат textmode чётким в любом масштабе

▸ PNG
▹ экспортируйте изображение без потерь

▸ JPG
▹ экспортируйте компактное растровое изображение

─── ЗАПОМИНАЕТ ВАШ РАБОЧИЙ ПРОЦЕСС

Ваш последний пресет оверлея запоминается отдельно для каждого домена. Положение панели тоже запоминается, а собственные шрифты сохраняются локально в управляемом браузером хранилище расширения, пока вы их не удалите.

─── ПРИВАТНОСТЬ ПО УМОЛЧАНИЮ

Здесь нет аккаунта, облачного рендерера, отслеживания, рекламы и удалённой обработки медиа. Расширение создаёт оверлеи только по запросу и хранит преобразование, настройки, шрифты и экспорт внутри вашего браузера.

Используемые разрешения:
▸ activeTab
▹ доступ к странице только после вызова расширения

▸ scripting
▹ запуск инструментов оверлея на странице

▸ storage
▹ сохранение локальных настроек и метаданных собственных шрифтов

▸ unlimitedStorage
▹ локальное сохранение поддерживаемых файлов собственных шрифтов

▸ contextMenus
▹ добавление действия «Open Textmode Overlay» по правому клику

─── СОВМЕСТИМОСТЬ

Поддерживаются iframe с тем же источником, вложенные, srcdoc и добавленные динамически. К медиа внутри кросс-доменных или непрозрачных песочничных iframe нацелиться нельзя. Загрязнённые canvas (tainted canvas), видео с DRM и другие защищённые источники также могут блокировать сэмплирование пикселей согласно обычным правилам безопасности браузера.