Если видео воспроизводится без текста, проверьте отдельно загрузку файла и время показа реплик.
Подключите дорожку
Разместите видео и файл VTT в UTF-8 на одном сайте. Вставьте track внутрь video. Относительный путь отсчитывается от страницы. В srclang укажите язык текста, даже если речь звучит на другом языке.
<video controls src="lesson.mp4">
<track kind="subtitles" src="example-en.vtt"
srclang="en" label="English" default>
</video>
Проверьте одну дорожку на тестовой странице
Скачайте демонстрационное видео и VTT. Поместите их рядом с HTML на тестовом сервере под именами lesson.mp4 и example-en.vtt. Откройте веб-адрес страницы: при открытии локального файла ограничения браузера могут помешать проверке.
В образце есть только объявление о занятии. На первых словах текста не будет. На восьмой секунде сравните фразу с образцом, на тринадцатой она должна исчезнуть. Если текст остаётся даже при отключении дорожки, проверьте другую дорожку и надписи в самом кадре.
Найдите запрос, если меню субтитров пусто
Откройте вкладку «Сеть», обновите страницу и выберите английский. Если запроса .vtt нет, проверьте элемент video на опубликованной странице: редактор мог удалить track при сохранении. Если запрос есть, сравните полный адрес с каталогом загрузки.
В ответе должны быть WEBVTT, пустая строка и временные метки. Код 200 может вернуть и страница входа. При ошибке CORS сначала разместите файл на том же источнике, что и страница. Затем проверьте разрешённый источник и атрибут crossorigin.
Определите склейку по характеру смещения
Сравните три узнаваемые фразы со временем появления субтитров. Одинаковый сдвиг указывает на изменение в начале. Если опаздывает лишь третья фраза, ищите склейку после второй. При нарастающем смещении уточните версию видео в плеере.
На опубликованной странице по очереди выберите языки, затем отключите субтитры. Если текст остался, сравните кадр с оригиналом. Сообщая об ошибке, укажите файл видео, выбранную дорожку и точное время воспроизведения.
Пример процесса
Английская синтетическая речь по авторскому тексту EasySub. Пример воспроизводит третью реплику исходного SRT; это не новый экспорт и не профессиональная ручная вычитка.
WEBVTT 3 00:00:07.950 --> 00:00:12.149 Our next workshop starts on June 15 at 9:30.
WebVTT · EN · Скачать демонстрационное видео · Исходный SRT (английский)
Проверьте конкретный интервал
Выберите English и перейдите на восьмую секунду примера. На тринадцатой фраза уже должна исчезнуть. Откройте URL дорожки: страница входа с кодом 200 — не файл субтитров. Проверьте тип text/vtt, а для другого домена — crossorigin и ответ CORS.
Часто задаваемые вопросы
Что делать, если сдвиг появился после склейки?
Сравните опубликованную версию с исходной до и после склейки. Не сдвигайте начало, если там всё синхронно.
