track

HTML5

Оновлено: 21.11.2022

<track>

Елемент <track> (від англ. track - доріжка) дає змогу авторам вказати текстову доріжку для медійних елементів <audio> и <video>. Така доріжка зазвичай містить субтитри різними мовами, коментарі, заголовки тощо

Синтаксис

<audio>
<track kind | src | srclang | label | default>
</audio>
<video>
<track kind | src | srclang | label | default>
</video>

Закриваючий тег

Не потребується

Атрибути

kind Зазначає тип доріжки, можливі варіанти перераховані в табл. 1.
src Шлях до файлу з доріжкою.
srclang Мова доріжки. Див. коди мов.
label Відображувана назва доріжки. Якщо цей атрибут не вказано, браузер стане використовувати значення, яке застосовується у нього за замовчуванням, наприклад "untitled1"
default Наявність цього атрибута вказує, що дана доріжка краща і повинна бути обрана за замовчуванням. Тільки одна доріжка може мати атрибут default.

Табл. 1. Значення атрибута kind

ЗначенняПризначенняОпис
subtitlesСубтитриПризначені для дублювання звукової доріжки фільму у вигляді тексту мовою оригіналу для глухих людей. Також можуть містити переклад іншими мовами для тих, хто не знайомий з мовою оригіналу. Текст субтитрів виводиться поверх відео.
captionsПідписДублювання діалогів, звукових ефектів, музичного супроводу у вигляді тексту для тих випадків, коли звук недоступний або для глухих користувачів. Виводиться поверх відео, при цьому позначається, що підходить для людей, які погано чують.
descriptionsОписЗвуковий опис того, що відбувається у відео, для тих випадків, коли зображення недоступне або для сліпих людей.
chaptersГлавиНазви глав, що використовуються для швидкої навігації по відео або аудіо. Відображаються у вигляді списку.
metadataМетаданіПризначені для використання скриптами і не відображаються в браузері.


Приклад

Содержимое файла jane.ua.vtt в формате субтитров VTT приведено ниже.

WEBVTT FILE 00:00.360 --> 00:01.240 Солдат Джейн. 00:01.240 --> 00:02.240 Рятуюсь від радіації. 00:02.240 --> 00:04.000 Кавун - найкращий засіб.

Браузери

track

Переглянути сумісність з Can I use?

track