UltKit
Зображення11
PDF13
Документи й дані7
Відео6
Аудіо4
Інші інструменти22

SRT у VTT

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

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

або перетягніть Файли SRT, VTT, ASS … сюди ·

До 95 МБ на файл· До 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.uk.vtt"
         srclang="uk" label="Українська" default>
</video>

SRT і VTT: усі важливі відмінності

Та сама репліка в обох форматах
ХарактеристикаSRTWebVTT
Перший рядок файлуНомер репліки `1``WEBVTT`
Часова мітка`00:01:05,300``00:01:05.300` (години необов’язкові)
Номери реплікОбов’язковіНеобов’язкові ідентифікатори
Кодування текстуБудь-яке, часто застарілі кодові сторінкиЛише UTF-8
Позиція та вирівнюванняНе стандартизованоПараметри реплік, як-от `line` і `align`
Стилі`<i>`, `<b>`, `<u>`, `<font>``<i>`, `<b>`, `<u>`, класи зі стилями CSS
MIME-тип на сервері`application/x-subrip``text/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> є в обох форматах. Тег <font color> з SRT не має прямого відповідника у WebVTT, бо там колір реплік задається через CSS-класи, тож увімкніть Видалити теги форматування, якщо ваш файл активно його використовує.

Який файл потрібен моїй навчальній платформі?

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

Чи можна розмістити субтитри вгорі екрана?

WebVTT підтримує це через параметри реплік, як-от line:0, які можна додати в текстовому редакторі після конвертації. У SRT немає стандартного способу зберігати позицію, тож перетворені репліки починаються в позиції за замовчуванням унизу.

Як додати кілька мов до одного відео?

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