Расширение Google Chrome переводит субтитры офлайн: без подписок, ключей и привязки к площадке

До сих пор инструменты вроде Language Reactor поддерживали жёсткий список площадок: YouTube, Netflix и ещё пара стримингов. Каждый сервис рисует субтитры по-своему, и под каждый нужен отдельный парсер. Разработчик, изучающий английский по сериалам, устал от бесконечных пауз на перевод незнакомых слов и собрал собственное решение. Об этом он рассказал в подробном техническом разборе.

Что умеет расширение?

• Перевод по наведению. Наводите курсор на слово в субтитрах и видите тултип (всплывающую подсказку) с переводом. Не нужно ставить на паузу и переключаться в переводчик.
• Личный словарь. По клику слово сохраняется и подчёркивается во всех последующих сериях, пока вы его не выучите.
• Работает почти на любом сайте. Расширение находит субтитры через HTML5-плеер, а не через API конкретного стриминга, поэтому привязки к одной площадке нет.
• Офлайн-перевод без ключей. Translator API (встроенный в Chrome переводчик, который работает прямо на вашем компьютере, а не на сервере) не требует регистрации, API-ключей и интернета после первой загрузки языкового пакета.

Шесть ловушек, о которых автор узнал на практике

Самое ценное в проекте не само расширение, а документация граблей, на которые автор наступил. Для тех, кто захочет собрать что-то похожее, или просто хочет понять, почему «простое» в браузере оказывается сложным.

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

YouTube рисует субтитры по-своему. Там нет стандартного тега <track>, субтитры это обычные блоки текста, которые YouTube генерирует сам. При этом в контейнере одновременно висят уходящая и текущая реплика, а «роллинг-субтитры» повторяют хвост предыдущей строки. Без специальной обработки перевод превращается в «я провёл месяцы я провёл месяцы я провёл месяцы».

Фоновая вкладка убивает сканер. Функция requestAnimationFrame (механизм, через который браузер обновляет картинку) в фоновой вкладке просто не вызывается. Сканер субтитров «залипал» навсегда. Автор заменил его на простой таймер.

Полноэкранный режим ломает оверлей. Часть сайтов разворачивает на весь экран сам видеоэлемент, а не его контейнер. У видеоэлемента не бывает дочерних элементов, и наложить поверх перевод физически невозможно. Выход: перехватить момент, выйти из полноэкранного режима и тут же запросить его для родительского контейнера.

Эвристика «сломала Twitch». Для плееров без стандартных субтитров расширение угадывает, какой элемент является репликой, по частоте смены текста. На Twitch менялось всё: счётчик зрителей, время эфира, качество. Расширение приняло счётчик зрителей за субтитры, спрятало его и начало «переводить» каждое обновление числа. Автор ввёл четыре фильтра: элемент не должен быть кнопкой, текст должен быть похож на предложение (от трёх слов), элемент стоит по центру кадра и целиком внутри него.

Настройка «уменьшить движение» добавляла движения. CSS-правило обнуляло длительность анимации, но не задержку. Элементы начинали появляться по очереди из ниоткуда, создавая больше визуального шума, чем без этой настройки. Лечится одной строкой, но найти проблему можно, только включив флаг вручную.

Идиомы переводит плохо, но есть обходной путь

Translator API это переводчик, а не языковая модель. Идиомы ему не по силам: «dirty pool» (нечестная игра) он переведёт буквально, как «грязный бассейн». Автор отмечает, что рядом в Chrome есть Prompt API, тот же встроенный Gemini Nano (компактная языковая модель Google, работающая на устройстве), но уже в режиме генерации текста. Для идиом можно использовать его, хотя автор не описал готовое решение для этого случая.

Как попробовать?

1. Убедитесь, что у вас Chrome версии 138 или новее (проверить: введите chrome://version в адресной строке).
2. Установите расширение из исходного кода проекта (проект открытый, автор опубликовал репозиторий).
3. При первом клике на слово браузер предложит скачать языковой пакет. Именно клике: по наведению мыши Chrome загрузку не запускает, это ограничение API.

Есть ли аналоги в России?

Для изучения языка по сериалам у Яндекс Переводчика и GigaChat нет прямого аналога функции «навёл на слово в субтитре и получил перевод с сохранением в словарь». YandexGPT умеет объяснять идиомы, но в формате чата, а не встроенного в плеер инструмента.

Частые вопросы

Расширение работает в других браузерах?

Нет. Translator API доступен только в Chrome 138 и выше. В Firefox, Safari и Яндекс Браузере этот API не реализован. Расширение в них работать не будет.

Нужен ли интернет после установки?

Только для первой загрузки языкового пакета. После этого перевод работает офлайн, на вашем устройстве. Но автор предупреждает: загрузка пакета требует клика, простого наведения мыши недостаточно, это ограничение Chrome.

Справится ли расширение с идиомами и сленгом?

Плохо. Встроенная модель переводит буквально: «dirty pool» превращается в «грязный бассейн» вместо «нечестная игра». Для идиом автор предлагает использовать Prompt API (встроенный Gemini Nano в режиме генерации текста), но готового решения пока нет.

Проект показывает, что встроенные ИИ-модели в браузере уже достаточно зрелы для практических задач, но грабли при интеграции с реальными сайтами съедают больше времени, чем сам перевод.