Телесуфлер
Вставьте текст, настройте темп и плавно прокручивайте его в полноэкранном режиме.
Что такое телесуфлер?
Телесуфлер — это инструмент для чтения текста во время видеозаписи, прямого эфира, выступления или презентации перед камерой. Он показывает сценарий крупным шрифтом и прокручивает его с заданной скоростью, чтобы говорящий не опускал взгляд к бумажным заметкам и мог держать зрительный контакт ближе к объективу. Браузерный телесуфлер удобен для авторов видео, преподавателей и онлайн-встреч: можно быстро настроить текст, скорость, размер шрифта, межстрочный интервал, полноэкранный режим и зеркальное отображение. Зеркальный режим нужен для отражающего стекла телесуфлера, а полноэкранный режим убирает лишние элементы. Главная польза — стабильный темп речи и меньше забытых фраз. При совместном использовании нужно заранее прояснить входные данные, допущения и ожидаемый результат, чтобы вывод не поняли неверно.
Как использовать
Как использовать
- Вставьте текст скрипта в редактор слева.
- Настройте скорость, размер шрифта, межстрочный интервал и режим зеркального отображения.
- Нажмите «Старт» для прокрутки, при необходимости поставьте на паузу или сбросьте на начало.
- Перейдите в полноэкранный режим для записи, презентаций или стрима.
Подготовка к чтению
- Проверьте скорость, размер шрифта, межстрочный интервал и зеркальный режим перед записью; комфортные настройки зависят от расстояния и размера экрана.
- Держите абзацы короткими и добавляйте паузы в скрипт, чтобы ритм прокрутки совпадал с естественной речью.
Применение
Технический принцип
Плавная прокрутка реализована на requestAnimationFrame: на каждом кадре анимации вычисляется количество пикселей для сдвига на основе выбранной пользователем скорости и дельты времени с предыдущего кадра, после чего применяется transform: translateY(-Npx) к контейнеру скрипта. Прокрутка через transform выполняется на GPU-композиторном потоке, что обеспечивает 60 fps даже на скромном оборудовании, в отличие от записи scrollTop, которая вызывала бы пересчёт layout на каждом кадре. Темп чтения рассчитывается приблизительно по формуле: скорость = слов в минуту * средняя ширина слова в пикселях / 60, так что для нарратива 150 слов/мин со средней шириной слова 50 px требуется около 125 px/с прокрутки. Размер шрифта, межстрочный интервал и ширина окна просмотра влияют на эффективное количество слов в минуту при том же значении скорости, поэтому ползунок нуждается в быстрой калибровке перед записью. Зеркальный режим применяет transform: scaleX(-1) к контейнеру скрипта, создавая горизонтально отражённый текст для чтения через лучевой разделитель телесуфлера под углом 45 градусов, пока камера снимает сквозь него без помех. Полноэкранный режим использует element.requestFullscreen(), чтобы интерфейс браузера и уведомления не вторгались в запись, а document.fullscreenchange отслеживает выход по клавише Esc. Скрипт и все пользовательские настройки (скорость, размер шрифта, межстрочный интервал, зеркальный режим) сохраняются в localStorage при каждом изменении, чтобы обновление страницы восстанавливало репетицию точно. Ручной ввод прокрутки через колесо мыши или touchstart приостанавливает цикл анимации и ресинхронизирует счётчик прогресса, что позволяет подстраивать положение вручную во время прямого эфира без сброса позиции воспроизведения.
- Цикл прокрутки: requestAnimationFrame при 60 fps с применением transform: translateY(-Npx) — композитинг на GPU, без пересчёта layout на каждом кадре
- Формула темпа: scrollPxPerSecond = wpm * averageWordWidthPx / 60; 150 слов/мин при 50 px/слово — это около 125 px/с
- Зеркальный режим: transform: scaleX(-1) для лучевого разделителя телесуфлера под 45 градусов перед объективом
- Полноэкранный режим: element.requestFullscreen() и document.exitFullscreen() с событием fullscreenchange для отслеживания Esc
- Сохранение: localStorage сохраняет скрипт, скорость, размер шрифта, межстрочный интервал и флаг зеркального режима, чтобы обновление страницы восстанавливало репетицию
- Ручное управление: события wheel и touchstart приостанавливают цикл анимации и ресинхронизируют процент прогресса с новой позицией прокрутки
- Эмпирическое правило для размера шрифта: примерно 24–32 px на метр расстояния просмотра обеспечивает читаемость скрипта без утомления глаз
Примеры
Трёхминутное вступление при 120 слов/мин
Длина сценария: 360 слов (около 3 минут при 120 слов/мин)
Размер шрифта: 56 px | Высота строки: 1.6 | Зеркало: выкл.
Скорость прокрутки: 120 (соответствует 120 слов/мин)
«Доброе утро всем. Сегодня я хочу рассказать о трёх вещах,
которые изменили то, как наша команда выпускает программное обеспечение в прошлом квартале...»Запись YouTube-туториала при 150 слов/мин
Длина сценария: 900 слов для 6-минутного дубля
Размер шрифта: 42 px | Высота строки: 1.5 | Зеркало: выкл.
Скорость прокрутки: 150 (немного быстрее, естественный темп повествования)
Полноэкранный режим: вкл., интерфейс браузера скрыт, чтобы OBS захватывал только сценарийСтекло светоделителя с зеркальным режимом
Установка: 17-дюймовое стекло телесуфлёра под углом 45 градусов, ведущий в 1.2 м
Размер шрифта: 64 px (~32 px на метр расстояния)
Высота строки: 1.8 | Зеркало: ВКЛ. (текст читается правильно через стекло)
Скорость прокрутки: 100 слов/мин для темпа интервьюПрямой эфир Q&A с ручным темпом
Сценарий: маркированные тезисы, ~200 слов на раздел
Размер шрифта: 48 px | Зеркало: выкл. | Скорость прокрутки: 80
Нажмите Пауза при чтении вопроса зрителя вслух,
затем Продолжить, чтобы сценарий продолжился точно с места остановки.Часто задаваемые вопросы
Как управляется скорость телесуфлёра?
Слайдер задаёт количество слов в минуту или пикселей в секунду. Типичная скорость чтения — 150–180 WPM для естественной подачи; 200+ для быстрого темпа. Корректируйте на ходу стрелками или колесом мыши. Некоторые сборки автоматически ставят на паузу во время регулировки.
Можно ли отзеркалить текст для настоящей телесуфлёрной системы?
Да. Переключатель зеркала горизонтально отражает текст, чтобы он читался правильно при отражении в наклонном стекле аппаратного телесуфлёра. Без такой системы оставьте зеркало выключенным.
Что делать, если я потерял место в тексте?
Поставьте на паузу пробелом. Прокрутите назад вручную или перейдите к нужному абзацу через навигацию. Некоторые сборки поддерживают обратный отсчёт после паузы (3-2-1, потом автозапуск), чтобы можно было плавно восстановиться во время записи.
Загружается ли мой сценарий?
Нет. Сценарий обрабатывается полностью в вашем браузере. Ничего не передаётся, ничего не логируется. Сохраняйте сценарий отдельно (текстовый файл, документ) для бэкапа — редактор по умолчанию не делает автосохранение.
Как сделать текст крупнее под расстояние до камеры?
Подбирайте размер шрифта под расстояние от глаз до экрана. Ориентир: 36–48 pt на 1 м (вблизи, для телефона), 60–80 pt на 2–3 м (типичная запись на веб-камеру), 100+ pt для телевизора через комнату. Размер на экране отражает то, что вы увидите в реальности, поэтому проверяйте до записи.
Можно ли импортировать длинный документ?
Да — вставьте любой простой текст. Markdown, RTF и документы Word нужно сначала привести к простому тексту (в большинстве редакторов есть «копировать как текст»). Для очень длинных сценариев (на несколько часов) разбивайте текст на сегменты, чтобы не путаться с прокруткой.
Работает ли это на планшете?
Да — планшеты в альбомной ориентации становятся отличными бюджетными телесуфлёрами. Закрепите на штативной голове или специальном держателе для телесуфлёра. Отключите системные уведомления, чтобы они не выскакивали во время дубля.