Конвертируйте субтитры SRT в автономную HTML-расшифровку

Файл SRT (SubRip Subtitle) создан для синхронизации, а не для чтения: порядковый номер реплики, диапазон тайм-кодов ЧЧ:ММ:СС,ммм --> ЧЧ:ММ:СС,ммм и одна-две строки текста, повторяющиеся каждые две-три секунды на протяжении всего видео. Сам по себе браузер понятия не имеет, что делать с такой структурой, — ему нужен настоящий HTML-документ, чтобы вообще что-то отобразить.

Конвертер SRT в HTML от SubToolDesk разбирает блоки субтитров локально в вашем браузере, убирает порядковые номера и тайм-коды, собирает фрагменты обратно в естественные абзацы и оборачивает результат в минимальный корректный HTML-документ с тегом <p> на каждый абзац — готовый к тому, чтобы открыть его прямо в браузере, разместить на сервере или добавить на статический сайт.

Как конвертировать SRT в HTML (пошагово)

• Перетащите файл .srt в конвертер выше или нажмите «Загрузить файл», чтобы выбрать его.
• Убедитесь, что значок автоматически определённого формата показывает SRT.
• Оставьте «Объединять в абзацы» включённым для связного текста или выключите, чтобы сохранить по одной реплике на строку.
• Включите «Удалять метки говорящих» и «Удалять теги форматирования», если в файле встречается то или другое.
• Нажмите «Скачать», чтобы сохранить автономный файл .html.

Зачем конвертировать SRT в HTML

Файл .srt создан для видеоплеера, а не для того, чтобы сам по себе открываться вкладкой браузера. Превращение его в HTML почти всегда связано с тем, что должно произойти с расшифровкой дальше:

• Публикация страницы-архива расшифровки, которую смогут проиндексировать поисковые системы, а посетители — прочитать, не открывая исходное видео.
• Встраивание субтитров обучающего видео в документацию как отдельную страницу без дополнительной сборки или конвертации из markdown.
• Передача расшифровки по ссылке, а не вложенным файлом, чтобы её мог открыть кто угодно, без программ, понимающих .srt или .txt.
• Оформление расшифровки в стиле сайта, поскольку обычные семантические теги <p> можно стилизовать таблицей стилей, а обычный текст — нет.
• Предложение текстовой альтернативы видео с субтитрами для посетителей, которые предпочитают читать, а не смотреть.
• Архивирование расшифровки в виде самодостаточной страницы, которая по-прежнему корректно откроется в любом браузере спустя годы после того, как исходная запись исчезнет.

Что на самом деле содержится в HTML-файле

Это полноценный минимальный HTML-документ: декларация <!DOCTYPE html>, <head> с кодировкой UTF-8 и заголовком страницы, а также <body>, содержащий один элемент <p> на каждый абзац. Никаких встроенных стилей, скриптов или отслеживания — только семантическая разметка, которую можно открыть как есть или вставить в более крупную страницу и оформить собственным CSS.

До и после: реальный пример

Короткий диалог с номерами реплик, тайм-кодами, текстовым префиксом говорящего и тегом курсива — именно так его мог бы экспортировать видеоредактор — конвертированный с включёнными «Объединять в абзацы», «Удалять метки говорящих» и «Удалять теги форматирования» (состояние по умолчанию на этой странице):

1
00:00:01,000 --> 00:00:03,500
Jordan: Всем привет, спасибо, что подключились к сегодняшнему звонку.

2
00:00:03,500 --> 00:00:06,200
<i>Priya: Конечно! Давайте начнём.</i>

3
00:00:06,200 --> 00:00:09,800
Jordan: Отлично, первое в повестке — дорожная карта на третий квартал.

<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Transcript</title>
</head>
<body>
<p>Всем привет, спасибо, что подключились к сегодняшнему звонку. Конечно! Давайте начнём. Отлично, первое в повестке — дорожная карта на третий квартал.</p>
</body>
</html>

Номера реплик, обе строки с тайм-кодами, префиксы Jordan: и Priya:, а также тег <i> — всё исчезло. Осталась корректная минимальная разметка с произнесённым текстом, обёрнутым в один элемент <p>, готовая к открытию в любом браузере.

Почему HTML, а не обычный текст?

Файл обычного текста требует ещё чего-то, чтобы открыть его осмысленно; файл HTML открывается прямо в любом браузере с уже готовым корректным межабзацным интервалом, и его можно размещать на хостинге, давать на него ссылку и индексировать так же, как любую другую веб-страницу. Это правильный выбор, когда сама расшифровка должна жить в вебе — например, как отдельная страница-архив субтитров, приложение к документации или страница, которую может проиндексировать поисковая система, а не просто текст, который вы вставляете в другой документ.

Приватность за счёт архитектуры, а не политики

Разбор SRT и сборка HTML-файла происходят в JavaScript, который выполняется прямо во вкладке вашего браузера. У этой функции попросту нет адреса для загрузки файлов, даже если бы он был нужен, — а это важно и для публичного скринкаста, и для конфиденциального интервью.

Типичные сценарии использования SRT в HTML

• Страницы-архивы расшифровок: публикуйте читаемую, индексируемую расшифровку видео рядом со встроенным плеером — полезно для SEO и для зрителей, которые предпочитают чтение просмотру.
• Сайты документации: превратите субтитры обучающего видео в отдельную HTML-страницу, которая без дополнительной сборки встраивается в папку контента статического генератора сайта.
• Страницы доступности: предложите простую читаемую HTML-альтернативу видео с субтитрами для посетителей, которым нужен именно текст.
• Быстрый локальный просмотр: откройте скачанный файл прямо из файловой системы в любом браузере, без сервера и дополнительного ПО.

Нестандартные случаи, которые обрабатывает парсер

Отсутствующие или продублированные порядковые номера реплик игнорируются, а реплики перенумеровываются внутренне только по строкам тайм-кодов. Переносы строк Windows (\r\n), Unix (\n) или их смесь нормализуются перед разбором. Символы, которые могли бы сломать корректность HTML, например буквальные &, < или >, оставшиеся в очищенном тексте диалога, экранируются автоматически, так что результат всегда остаётся корректной разметкой.

Что этот конвертер сохраняет и что удаляет

Сохраняется:

• Каждое слово текста диалога, в исходном порядке и с исходной пунктуацией.
• Структура абзацев, теперь в виде настоящих элементов <p>: либо один на каждую исходную реплику, либо абзацы по предложениям, если включено «Объединять в абзацы».
• Корректный, полноценный HTML-документ — doctype, заголовок с UTF-8 и тело, — так что файл корректно открывается в любом браузере.

Удаляется:

• Порядковые номера реплик и все диапазоны тайм-кодов.
• Теги форматирования SRT вроде <i>, <b> или <u>, если включена «Удалять теги форматирования».
• Текстовые префиксы говорящих вроде Jordan:, если включена «Удалять метки говорящих».
• Любые CSS, скрипты или оформление — ничего не добавляется, и ничего не переносится из исходного файла.

Частые проблемы и способы их решения

• Скачанный файл открывается как обычный текст с видимыми номерами реплик и тайм-кодами: проверьте, что значок формата над конвертером показывает SRT, а не Unknown; неудачно обрезанная вставка может нарушить определение реплик.
• Имена говорящих вроде Jordan: по-прежнему видны внутри абзацев: включите «Удалять метки говорящих» — она выключена по умолчанию, только если вы это изменили.
• Теги <i> или <b> отображаются на странице как обычный текст, ничего не стилизуя: включите «Удалять теги форматирования»; собственные теги форматирования SRT не являются корректным автономным HTML и должны быть удалены, а не перенесены как есть.
• Вся расшифровка рендерится как один сплошной абзац: это ожидаемо, когда много коротких реплик сливается вместе; выключите «Объединять в абзацы», чтобы получить один <p> на каждую исходную реплику.
• Буквы с диакритикой или нелатинский текст отображаются как искажённые символы вроде é: исходный .srt не был сохранён в кодировке UTF-8; экспортируйте или пересохраните его в UTF-8 и загрузите заново.
• Вы хотите, чтобы расшифровка выглядела в стиле вашего сайта: конвертер намеренно не добавляет CSS; добавьте <link> на собственную таблицу стилей в <head> или вставьте абзацы <p> в уже существующую страницу.

Чего этот инструмент намеренно не делает

Он не добавляет CSS-оформление, шаблон макета или брендинг — результат намеренно минимален, чтобы аккуратно встроиться в любой уже существующий сайт или таблицу стилей. Он также не восстанавливает пунктуацию, которой нет в исходном SRT; если в автоматически сгенерированном файле вообще нет точек, сначала надёжнее отключить объединение в абзацы и просмотреть результат в виде одной строки на реплику, прежде чем конвертировать в HTML.