Атрибут label тега <track>

Описание

Атрибут label для тега <track> задаёт читаемое название текстовой дорожки, которое отображается в интерфейсе выбора субтитров или титров в медиаплеере. Это обязательный атрибут для всех дорожек, которые должны быть доступны для выбора пользователем.

Пример использования:
<video controls> <source src="movie.mp4" type="video/mp4"> <track src="subtitles_en.vtt" kind="subtitles" srclang="en" label="English Subtitles"> <track src="captions_es.vtt" kind="captions" srclang="es" label="Spanish Captions"> </video>

Основные характеристики:

  • Должен быть кратким и описательным
  • Рекомендуется указывать язык и тип дорожки
  • Отображается в интерфейсе медиаплеера
  • Обязателен для дорожек с kind="subtitles", "captions", "descriptions"

Рекомендации по именованию:

Тип дорожки Хороший пример Плохой пример
Субтитры "English Subtitles" "Track 1"
Титры "Deutsch Captions [SDH]" "German"
Описания "Audio Descriptions (English)" "AD"

Пример с различными вариантами:

<video controls> <source src="lecture.mp4" type="video/mp4"> <track src="subs_en.vtt" kind="subtitles" srclang="en" label="English (CC)" default> <track src="subs_fr.vtt" kind="subtitles" srclang="fr" label="Français (Sous-titres)"> <track src="desc_en.vtt" kind="descriptions" srclang="en" label="Audio Descriptions"> <track src="chaps.vtt" kind="chapters" label="Lecture Chapters"> </video>

Особенности работы:

  • Браузеры используют label в интерфейсе выбора дорожек
  • Для многоязычных сайтов можно локализовать label
  • Должен точно отражать содержимое дорожки
  • Рекомендуется стандартизировать формат названий

Ограничения:

  • Некоторые браузеры могут обрезать длинные названия
  • Не влияет на дорожки kind="metadata"
  • Может по-разному отображаться в различных медиаплеерах

Accessibility-советы:

  • Указывайте тип дорожки (Subtitles, Captions, Descriptions)
  • Для SDH-контента добавляйте пометку "[SDH]"
  • Используйте понятные языковые обозначения
  • Тестируйте с различными скринридерами

Примечание: Для профессиональных медиаплееров рассмотрите динамическую генерацию label на основе пользовательских языковых настроек.