Справка · WebVTT
Как сделать файл субтитров VTT: из чего он состоит
Файл субтитров VTT выдаёт себя первой строкой — словом WEBVTT: так выглядит ответ на то, как сделать файл субтитров VTT — дальше идут реплики с таймингами через точку, которые браузер накладывает на HTML5-видео, обычный текст и ничего лишнего. Откуда берутся дорожки, как открыть файл, как подключить его к странице и где выигрывает SRT — по порядку ниже.
Обновлено
Что внутри файла субтитров VTT
Первая строка выдаёт формат сразу: каждый документ WebVTT начинается словом WEBVTT, и плеер, который его не находит, отбрасывает дорожку целиком. Дальше идут реплики, разделённые пустыми строками. Реплика может открываться необязательным идентификатором, затем несёт строку тайминга вроде 00:01:30.500 --> 00:01:33.000 — точка перед миллисекундами, поле часов разрешено опустить — и текст, который нужно показать.
Формат вмещает больше, чем просто реплики. Настройки, добавленные к строке тайминга (line:, position:, align:, size:, vertical:), расставляют текст на экране; блоки NOTE хранят комментарии; блоки STYLE несут CSS для псевдоэлемента ::cue; описания REGION задают зоны прокрутки для субтитров реального времени. Кодировка не обсуждается — спецификация требует UTF-8. Если нужен сам разговор, а не разметка, сведите реплики к чистой прозе и читайте как обычный документ.
Откуда берутся такие дорожки
Большинство людей встречают формат, не выбирая его. Zoom пишет дорожку рядом с каждой расшифрованной облачной записью; Microsoft Teams предлагает такую же выгрузку после встречи; сервисы автоматических субтитров отдают её по умолчанию. Стриминг — второй крупный источник: плейлист HLS доставляет субтитры сегментами именно WebVTT, поэтому всё, что играет адаптивно в браузере, уже использует этот формат под капотом. Видеоплатформы и площадки курсов следуют тому же правилу, потому что их плееры читают формат без конвертации, — из-за этого .vtt чаще прилетает незапрошенным, чем выбирается осознанно. И Zoom, и Teams вписывают имена говорящих прямо в текст реплики, так что при очистке они переходят в готовую прозу вместе со словами.
Открыть и проверить файл
Это обычный текст, поэтому Блокнот, TextEdit или VS Code открывают его мгновенно, а VLC подключает дорожку к проигрываемому видео, стоит перетащить её в окно плеера. Subtitle Edit и Aegisub добавляют звуковую волну, когда реплики нужно подвинуть. Проверить, действительно ли дорожка исправна, проще всего самим браузером: направьте на неё элемент <track>, откройте консоль разработчика и посмотрите на предупреждения разбора.
Почти все отклонённые дорожки ломает одна из трёх вещей: пропущенный или неверно набранный заголовок, запятые вместо точек и файл, сохранённый в устаревшей кодировке вместо UTF-8. Все три видны на первом же экране. Дорожке, написанной для монтажного таймлайна, а не для браузера, место в формате SubRip для монтажа.
Подключить файл к веб-странице
Подключение субтитров занимает один элемент внутри видео: <track kind="subtitles" src="talk.vtt" srclang="ru" label="Русский" default>. Атрибут kind решает, чем является дорожка — subtitles и captions для реплик, chapters для списка глав, metadata для данных, которые читает собственный скрипт страницы. Две серверные детали объясняют почти все тихие сбои: ответ обязан приходить с типом содержимого text/vtt, а дорожка с чужого домена требует заголовков CORS, иначе браузер отбросит её без единого сообщения в интерфейсе. Уже есть копия в SRT? Сделайте из неё дорожку WebVTT — тайминги перенесутся без изменений.
WebVTT рядом с SRT
Форматы почти полностью совпадают: оба — простой текст со списком реплик по времени, и конвертер переводит между ними за миллисекунды. WebVTT добавляет заголовок, точку, обязательный UTF-8, необязательные идентификаторы реплик, позиционирование и оформление. SRT сохраняет обязательную нумерацию, запятую и самую широкую поддержку среди всех форматов субтитров, какие вообще существуют. Берите WebVTT, когда видео проигрывается браузером или потоком, и SRT — когда речь о редакторе, настольном плеере или форме загрузки. На практике многие площадки просят загрузить сразу оба варианта: один для плеера на сайте, второй про запас для монтажа. Когда источник — уже опубликованное видео, а ни один из форматов на самом деле не нужен, субтитры YouTube в виде обычного текста дают только слова, без обёртки.
Частые вопросы
Что такое файл субтитров VTT?
Дорожка субтитров в формате WebVTT, который определяет W3C для HTML5-видео. Это обычный текст: заголовок WEBVTT, а затем реплики, у каждой — время начала, время конца и слова для показа.
Как открыть файл VTT?
Любой текстовый редактор откроет его, потому что это простой текст. Subtitle Edit и Aegisub добавляют звуковую волну для подгонки таймингов, а перетаскивание в окно VLC подключает дорожку к тому, что сейчас играет.
Чем файл VTT отличается от файла SRT?
WebVTT требует свой заголовок, использует точку перед миллисекундами, обязан быть в UTF-8 и поддерживает позиционирование, зоны показа и CSS-оформление. SRT нумерует каждую реплику, использует запятую и остаётся форматом, которого ждут редакторы и настольные плееры.
Откуда берутся файлы VTT?
Их производят записи Zoom и Teams, сервисы автоматических субтитров, стриминговые платформы и плейлисты HLS — потому что WebVTT это формат, на котором браузеры и конвейеры доставки говорят от природы.