UltKit
Изображения11
PDF13
Документы и данные7
Видео6
Аудио4
Другие инструменты22

SRT в VTT

Браузеры показывают субтитры из элемента <track> только в формате WebVTT, поэтому SRT-файл, который работает в VLC, на веб-странице не отображается. Переведите его в VTT здесь, и те же субтитры появятся в любом HTML5-плеере.

Конвертер субтитров

или перетащите сюда файлы SRT, VTT, ASS … ·

Макс. 95 MB на файл· До 20 файлов· Удаляются через 30 минут

Вывод

Файлы обрабатываются на наших серверах и удаляются через 30 минут.

Как пользоваться инструментом

  1. 1

    Перетащите файлы .srt

    Добавьте один файл субтитров или по одному на каждый язык: до 20 файлов, каждый до 95 MB. Устаревшие кодировки определяются автоматически и перезаписываются в UTF-8, которого требует WebVTT.

  2. 2

    При необходимости скорректируйте тайминг

    Для простой конвертации оставьте всё как есть. Если субтитры идут раньше или позже видео, укажите секунды в поле Сдвиг тайминга в разделе Расширенные настройки.

  3. 3

    Конвертируйте в WebVTT

    Нажмите Конвертировать в WebVTT (VTT) и скачайте файлы .vtt. Загрузите их рядом с видео; наши копии удаляются через 30 минут.

Загрузите SRT и нажмите Конвертировать в WebVTT (VTT). Вы получите файл с обязательным заголовком WEBVTT, миллисекундами через точку и текстом в UTF-8, готовый для элемента <track>, Video.js, Plyr или учебной платформы.

Почему веб-плеерам нужен VTT, а не SRT

SRT появился в среде рипа DVD около 2000 года и стал форматом по умолчанию для настольных плееров, редакторов и загрузок. WebVTT создали в 2010 году для веба на основе синтаксиса SRT, и стандарт HTML сделал его форматом элемента <track>. Chrome, Firefox, Safari и Edge читают его нативно, а SRT через track не читает ни один из них.

В текстовом редакторе они выглядят почти одинаково, поэтому разница многих застаёт врасплох. Файл VTT должен начинаться с WEBVTT, быть в UTF-8 и записывать 00:01:05.300 там, где SRT пишет 00:01:05,300. Кроме того, VTT может хранить позиции, стили и комментарии, которых в SRT никогда не было. Поэтому переход из SRT в VTT ничего не теряет, а обратный путь через VTT в SRT эти дополнения отбрасывает.

Когда у вас есть .vtt, подключите его на странице, как показано ниже. Если видео в формате, который браузеры не воспроизводят, например .mov с iPhone, эту часть задачи разбирает руководство по конвертации MOV в MP4.

HTML для видео с конвертированными английскими субтитрами
<video controls src="lecture.mp4">
  <track kind="subtitles" src="lecture.ru.vtt"
         srclang="ru" label="Русский" default>
</video>

SRT и VTT: все важные различия

Одна и та же реплика в двух форматах
ЭлементSRTWebVTT
Первая строка файлаНомер реплики 1WEBVTT
Таймкод00:01:05,30000:01:05.300 (часы необязательны)
Номера репликОбязательныНеобязательные идентификаторы
Кодировка текстаЛюбая, часто устаревшие кодовые страницыТолько UTF-8
Позиция и выравниваниеНе стандартизированыПараметры реплики, например line и align
Стилизация<i>, <b>, <u>, <font><i>, <b>, <u>, классы со стилями CSS
MIME-тип на сервереapplication/x-subriptext/vtt

SRT

Субтитры SubRip

SRT — формат субтитров программы SubRip, бесплатной программы для Windows, которая около 2000 года извлекала субтитры из видео. Каждая запись — текстовый блок с номером, временем начала и конца и текстом субтитра. Это самый широко поддерживаемый формат субтитров: его принимают VLC, YouTube, Facebook, видеоредакторы и смарт-телевизоры. В SRT есть только базовое форматирование и нет стандарта позиционирования или стилей.

Сжатие
–
Прозрачность
–
Анимация
–
Год появления
SubRip
Конвертер SRT

VTT

Субтитры WebVTT

VTT — формат Web Video Text Tracks, разработанный WHATWG и W3C около 2010 года для видео HTML5. Он похож на SRT, но добавляет заголовок WEBVTT и поддерживает позиционирование, стили, указание говорящих и метаданные. Браузеры используют его для субтитров через элемент <track>, а стриминговые платформы и YouTube его принимают. Некоторые настольные плееры и редакторы вместо него ожидают SRT.

Сжатие
–
Прозрачность
–
Анимация
–
Год появления
2010 · W3C / WHATWG
Конвертер VTT

Видео HTML5 загружает WebVTT только через элемент track, поэтому субтитры SRT, сделанные для настольных плееров, нужно превратить в VTT, прежде чем они появятся на веб-странице.

Субтитры VTT не отображаются в браузере

  • Субтитры работают онлайн, но не при открытии HTML-файла с диска

    Браузеры блокируют дорожки, загруженные со страниц file://. Проверяйте через локальный веб-сервер или на реальном сайте.

  • Дорожка загружается с другого домена и остаётся пустой

    Добавьте crossorigin к элементу <video> и разрешите ваш сайт в заголовках CORS на сервере, где лежит .vtt.

  • Сервер отдаёт файл как text/plain

    Настройте отдачу .vtt как text/vtt; некоторые плееры отказываются работать с другими типами.

  • Все субтитры появляются на секунду раньше

    Конвертируйте заново с положительным значением Сдвиг тайминга, например 1, и замените файл.

Вопросы о конвертации SRT в VTT

Что конвертер меняет в файле?

Он добавляет в начало файла строку WEBVTT, заменяет запятую перед миллисекундами точкой и сохраняет файл в UTF-8. WebVTT допускает номера реплик как необязательные идентификаторы, а сам текст субтитров не меняется.

Можно ли просто переименовать .srt в .vtt?

Нет. Без заголовка WEBVTT и с запятыми в таймкодах браузеры отклоняют дорожку или пропускают все реплики. Файл нужно переписать, здесь это занимает секунду.

Сохраняются ли курсив и полужирный шрифт?

Да, <i>, <b> и <u> есть в обоих форматах. У тега SRT <font color> нет прямого аналога в WebVTT, потому что там цвет задаётся через CSS-классы, поэтому включите Удалить теги форматирования, если ваш файл активно его использует.

Какой файл нужен моей платформе для курсов?

Большинство обучающих платформ и веб-плееров принимают WebVTT, и многие принимают также SRT. Если форма загрузки допускает только .vtt, конвертируйте здесь; если только .srt, используйте VTT в SRT для обратного преобразования.

Можно ли разместить субтитры в верхней части экрана?

WebVTT поддерживает это через параметры реплики, например line:0; их можно добавить в текстовом редакторе после конвертации. В SRT нет стандартного способа хранить позицию, поэтому преобразованные реплики будут стоять в позиции по умолчанию, внизу.

Как добавить несколько языков к одному видео?

Конвертируйте SRT каждого языка, затем добавьте по одному <track> на файл с собственными srclang и label. Зрители выберут язык в меню субтитров плеера.