• Категории: Отсутствует
• Контекст:

  Как дочерний элемент для медиа перед любым потоковым содержимым.

• Модель:

  Без содержимого.

Тег <track> (от англ. "track" - дорожка) позволяет определить текстовые дорожки для медиа-элементов. При помощи атрибута kind, мы можем указать способ использования трека:

• subtitles - субтитры: перевод контента с другого языка, либо дополнительная справочная информация (по умолчанию).
• captions - подписи для пользователей со слабым слухом, либо с выключенным звуком: важная невербальная информация, музыкальные или звуковые эффекты, источник сигналов и т.д.
• descriptions - текстовое описание контента для синтеза звука, когда визуальный компонент скрыт, недоступен или не может использоваться. Например, если пользователь взаимодействует с приложением без экрана во время вождения, или потому что пользователь слепой.
• chapters - название глав для навигации по медиа-файлу. Отображается как интерактивный список в интерфейсе.
• metadata - технические данные, которые предназначены для различных скриптов и не видны пользователю.

Сами дорожки могут быть написаны в различных форматах, например:

1. WebVTT (Web Video Text Tracks, текстовые дорожки веб-видео)
2. TTML (Timed Text Markup Language, язык разметки синхронизированного текста)

Возможный файл субтитров subtitles.vtt в формате WEBVTT:

WEBVTT - Субтитры к файлу с пляжем

00:01.000 --> 00:05.000
Строка субтитров к видео
в две строки
 
00:06.000 --> 00:10.000
Новая реплика субтитров с 6 секунды
по 10 секунду

Атрибуты

• kind - тип текстовой дорожки
• src - адрес текстовой дорожки
• srclang - язык текстовой дорожки
• label - ярлык, видимый пользователю
• default - определение дорожки по умолчанию

• Использование субтитров

  Используем элемент <track>, чтобы добавить дорожку субтитров к видео: