WebVTT - WebVTT

WebVTT
Расширение имени файла
.vtt
Тип интернет-СМИ
текст / vtt
РазработанКонсорциум World Wide Web (W3C)
изначальный выпуск10 августа 2010 г.; 10 лет назад (2010-08-10)[1]
Тип форматаСинхронизированный текст
Расширен сSRT
СтандартW3C WebVTT
Открытый формат ?да
Интернет сайт(VTT)

WebVTT (Текстовые дорожки веб-видео) - это Консорциум World Wide Web (W3C) стандарт для отображения синхронизированный текст в связи с HTML5 <track> элемент. Первые проекты его спецификации были написаны WHATWG в 2010 году после обсуждения того, какой формат субтитров должен поддерживаться HTML5 - основные варианты являются относительно зрелыми, XML -основан Язык разметки синхронизированного текста (TTML) или совершенно новый, но более легкий стандарт, основанный на широко используемом SubRip формат. Окончательное решение было принято в пользу нового стандарта, первоначально называвшегося WebSRT (Web Subtitle Resource Tracks).[2] Он поделился .srt расширение файла и в основном основывалось на формате SubRip, хотя и не полностью с ним.[3]Перспективный формат позже был переименован в WebVTT.[4][5] В версии проекта отчета HTML5 от 13 января 2011 г.]<track> был введен тег, и спецификация была обновлена ​​для документирования правил отображения текста подсказки WebVTT.[6] Спецификация WebVTT все еще находится на стадии разработки, но основные функции уже поддерживаются всеми основными браузерами.

Основные отличия от SubRip

  • Первая строка WebVTT начинается с WEBVTT после необязательного UTF-8 метка порядка байтов
  • Между первой строкой и первой репликой есть место для необязательных данных заголовка.
  • Таймкод дробные значения разделяются полная остановка вместо запятая
  • Таймкод часы не обязательны
  • Нумерация / идентификация кадров, предшествующая временной код необязательно
  • Комментарии определяется словом ПРИМЕЧАНИЕ можно добавить
  • Метаданные информацию можно добавить в JSON -стильный формат
  • Информация о главе может быть дополнительно указана
  • Поддерживает только расширенные символы как UTF-8
  • CSS в отдельном файле, определенном в сопутствующем HTML-документе, для тегов C используется вместо тега FONT
  • Настройки метки позволяют настраивать расположение метки на видео.[7]

Совместимость

Поддержка браузера[8] [9]
БраузерТеги текста репликиПозиционирование меткиCSS стили
Хром35+
Стандартный браузер Android5.0+
Опера22+
Сафари7+ (iOS: 8+)
Fire Fox31+ (Android: 32+)Нет данных
Microsoft Edge12+Нет данных
Internet Explorer10+Нет данных

Firefox реализовал WebVTT в своих ночных сборках (Firefox 24), но изначально он не был включен по умолчанию. Эту функцию нужно было включить в Firefox, перейдя на страницу about: config и установив для параметра media.webvtt.enabled значение true.[10] YouTube начал поддерживать WebVTT в апреле 2013 года.[11] С 24 июля 2014 г. Mozilla по умолчанию включила WebVTT в Firefox.[12]

Пример формата WebVTT

WEBVTT Вид: подписи; Язык: en00: 09.000 -> 00: 11.000  Мы находимся в Нью-Йорке00: 11.000 -> 00: 13.000  Мы находимся в New York City00: 13.000 -> 00: 16.000 < v Roger Bingham> На самом деле мы в отеле Lucern, чуть дальше по улице 00: 16,000 -> 00: 18,000  от Американского музея естественной истории 00: 18,000 -> 00: 20,000  И со мной Нил де Грасс Тайсон 00: 20.000 -> 00: 22.000  Астрофизик, директор планетария Хайдена 00: 22.000 -> 00: 24.000  в AMNH.00: 24.000 -> 00: 26.000  Спасибо, что спустились сюда 00: 27.000 -> 00: 30.000  И я хочу продолжить наш последний разговор. 00: 30.000 - > 00: 31.500 align: end size: 50%  Когда мы писали по электронной почте — 00: 30.500 -> 00: 32.500 align: start size: 50%  Разве мы не говорили о Достаточно в этом разговоре? 00: 32.000 -> 00: 35.500 align: end size: 50%  Нет! Нет нет Нет Нет; 'cos' cos очевидно 'cos00: 32.500 -> 00: 33.500 выровняйте: начальный размер: 50%   смеется  00: 35.500 -> 00: 38.000  Вы знаете, я так взволнован, что мои очки здесь падают.

[13]

Неподдерживаемые функции

В июне 2013 года в спецификацию был добавлен пример, который включал новую настройку «регион».[14] Однако по состоянию на февраль 2015 года ни один плеер не поддерживал эту функцию.[нужна цитата ]

Рекомендации

  1. ^ «WebSRT». Архивировано из оригинал на 2010-08-16. Получено 2015-02-12.
  2. ^ "WebVTT против TTML: XML считается вредным для веб-субтитров?". Получено 16 февраля 2015.
  3. ^ WebSRT, из черновика спецификации WHATWG HTML, получено 14.10.2010
  4. ^ Кеннеди, Энтони; де Леон, Инаяайли (2011). Профессиональный CSS для сайтов с высокой посещаемостью. Apress. ISBN  978-1-4302-3288-9.
  5. ^ Пфайффер, Сильвия (27 июня 2011 г.). «Последние разработки вокруг WebVTT».
  6. ^ http://www.w3.org/TR/2011/WD-html5-20110113/
  7. ^ «Настройки WebVTT cue». W3C. Получено 11 февраля 2015.
  8. ^ «Поддержка WebVTT в браузере». W3C. Получено 6 февраля 2017.
  9. ^ «WebVTT Styling». JWPlayer. Получено 6 февраля 2017.
  10. ^ «Реализовать элемент трека».
  11. ^ "Файл с субтитрами - Справка YouTube".
  12. ^ «Примечания к выпуску Firefox 31».
  13. ^ "WebVtt: формат текстовых дорожек веб-видео". w3.org. Консорциум World Wide Web. 10 мая 2018. Получено 16 сентября 2018.
  14. ^ «Добавлен пример региона в раздел« Введение »в разделе« Другие функции »- сведения о фиксации GitHub».