Елемент <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.
| Значення | Призначення | Опис |
|---|---|---|
| subtitles | Субтитри | Призначені для дублювання звукової доріжки фільму у вигляді тексту мовою оригіналу для глухих людей. Також можуть містити переклад іншими мовами для тих, хто не знайомий з мовою оригіналу. Текст субтитрів виводиться поверх відео. |
| captions | Заголовки | Дублювання діалогів, звукових ефектів, музичного супроводу у вигляді тексту для тих випадків , коли звук недоступний або для глухих користувачів. Виводиться поверх відео, при цьому позначається, що підходить для людей, які погано чують. |
| descriptions | Опис | Звуковий опис того, що відбувається у відео для тих випадків, коли зображення недоступне або для сліпих людей. або аудіо. Відображаються у вигляді списку. |
| metadata | Метадані | Призначені для використання скриптами і не відображаються у браузері. |
Приклад
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>track</title> </head> <body> <video width="500" height="400" controls> <source src="video/jane.ogv" type='video/ogg; codecs="theora, vorbis"'> <source src="video/jane.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'> <source src="video/jane.webm" type='video/webm; codecs="vp8, vorbis"'> <track kind="subtitles" src="video/jane.en.vtt" srclang="en" label="English"> <track kind="subtitles" src="video/jane.ua.vtt" srclang="uk" label="Русский"> <track kind="subtitles" src="video/jane.ru.vtt" srclang="ru" label="Український" default> Елемент відео не підтримується вашим браузером. </video> </body> </html>
Результат цього прикладу показаний на рис. 1.
Рис. 1. Відео з субтитрами
Вміст файлу jane.ru.vtt у форматі субтитрів VTT наведено нижче.
<code>WEBVTT FILE 00:00.360--> 00:01.240 Солдат Джейн. 00:01.240--> 00:02.240 Рятуюсь від радіації. 00:02.240--> 00:04.000 Кавун — найкращий засіб.
Специфікація
| Специфікація | Статус |
|---|---|
| WHATWG HTML Living Standard | Живий стандарт |
| HTML5 | Рекомендація |
Специфікація
Кожна специфікація проходить нес скільки стадій схвалення.
- Recommendation (Рекомендація) — специфікація схвалена W3C і рекомендована як стандарт.
- Candidate Recommendation (Можлива рекомендація) — група, яка відповідає за стандарт, задоволена, як він відповідає своїм цілям, але потрібна допомога спільноти розробників з реалізації стандарту.) — на цьому етапі документ представлений на розгляд Консультативної ради W3C для остаточного затвердження. та внесення поправок для розгляду спільнотою.
- Editor's draft (Редакторська чернетка) — чорнова версія стандарту після внесення змін до редакторів проекту.
- Draft (Чернетка специфікації) — перша чорнова версія стандарту.
Особняком стоїть живий стандарт HTML (Living) — він не дотримується традиційної нумерації версій, оскільки перебуває в постійній розробці та оновлюється регулярно.
Браузери
| 10 | 12 | 18 | 15 | 6 | 31 |
| 4.4 | 31 | 24 | 7.1 |
Браузери
У таблиці браузерів застосовуються такі позначення.
- — елемент повністю підтримується браузером;
- — елемент браузером не сприймається та ігнорується;
- — при роботі можлива поява різних помилок, або елемент підтримується з застереженнями.
Число вказує версію браузреа, починаючи з якої елемент підтримується.