Тег <track> HTML - текстовая дорожка к медиафайлу

Рейтинг: 3 из 5, голосов 1
+++--

Тег <track> определяет текстовую дорожку для медиафайла (видео или аудио).

Тег должен быть дочерним элементом тегов <video> или <audio>.

Этот элемент может быть использован для указания субтитров, заголовков, глав, описаний, метаданных. Данные содержатся в файле, указанном в атрибуте src и выводятся во время воспроизведения медиафайла.

Для одного медиаэлемента можно указать несколько текстовых дорожек. Для указания текстовой дорожки по умолчанию нужно использовать атрибут default.

Этот тег был введен в HTML5.

Синтаксис

<track src="URL_источника">

Пример использования <track> в HTML коде

<!DOCTYPE html>
<html>
<head>
<title>Элемент track внутри тега video</title>
</head>
<body>
<video autoplay="autoplay" poster="video_poster.jpg">
<source src="video.mp4" type="video/mp4">
<source src="video.webm" type="video/webm">
<track src="subtitles_english.vtt" kind="subtitles" label="English" srclang="en">
<track src="subtitles_russian.vtt" kind="subtitles" label="Русский" srclang="ru">
</video>
</body>
</html>

Поддержка браузерами

Тег Google Chrome Internet Explorer Mozilla FireFox Safari Opera
<track> Да Да Да Да Да

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

Атрибут Значение Описание
default не указывается / default

Логический атрибут. Определяет track элемент, источник которого должен быть использован по умолчанию.

Атрибут должен быть использован не более чем в одном теге <track> внутри одного медиаэлемента (видео/аудио).

kind

captions
chapters
descriptions
metadata
subtitles

Определяет тип содержимого текстовой дорожки:

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

label текст Название дорожки. Используется в списке доступных дорожек медиаэлемента.
src URL Обязательный атрибут. Содержит URL адрес файла текстовой дорожки.
srclang код языка Указывает язык содержимого в текстовой дорожке. Обязательный атрибут для субтитров (если атрибут kind="subtitles").

Тег <track> также поддерживает глобальные HTML атрибуты.

Оцените, насколько полезна эта страница
+++--
Оставьте комментарий

Отправляя форму, я даю согласие на обработку персональных данных.