Тег <track> - это незаменимый инструмент, который служит дочерним элементом для тегов <video> и <audio>, позволяя точно определить текстовые дорожки. Это не просто техническая деталь, а ключ к созданию инклюзивного медиаопыта. С помощью этого элемента вы можете указать субтитры, названия глав или другие текстовые файлы, которые должны отображаться на экране во время воспроизведения контента. Именно такие мелочи делают просмотр комфортным и понятным для всех зрителей. Атрибуты - default:
- Указывает, что данная дорожка должна быть включена по умолчанию, если это соответствует пользовательским настройкам. Это удобно, когда нет необходимости заставлять зрителя искать нужные опции вручную.
- kind:
- Определяет тип текстовой дорожки. Если этот атрибут не указан, система автоматически подставит значение
subtitles. Вот какие варианты вы можете использовать: - captions - дорожка, содержащая перевод диалогов и описание звуковых эффектов. Она особенно ценна в специальных версиях фильмов для глухих зрителей.
- chapters - заголовки глав, которые помогают легко перемещаться по структуре медиа-ресурса.
- descriptions - подробное текстовое описание видеоконтента. Это решение идеально подходит для слепых пользователей, обеспечивая доступность информации.
- metadata - служебная информация, используемая сценариями и приложениями (пользователям она не отображается).
- subtitles - классические субтитры для перевода контента, который может быть непонятен зрителю. Их часто используют в кино вместе с оригинальной звуковой дорожкой. Субтитры могут включать и дополнительную справочную информацию: например, знаменитый пролог из «Звездных Войн» или данные о дате, времени и месте действия.
- label:
- Задаёт название текстовой дорожки. Именно этот текст браузер покажет в списке доступных вариантов, что делает выбор для пользователя максимально прозрачным.
- src:
- Указывает URL-адрес файла с дорожкой. Обратите внимание: это обязательный атрибут без которого невозможно корректная работа элемента.
- srclang:
- Определяет двухбуквенный код языка, используемого в текстовой дорожке. Важно помнить: если
kind="subtitles", то атрибут srclang должен быть обязательно определен. Пример<video width="320" height="240" controls="controls"> <source src="forrest_gump.mp4" type="video/mp4"> <source src="forrest_gump.ogg" type="video/ogg"> <track src="subtitles_en.vtt" kind="subtitles" srclang="en" label="English"> </video>
|