html тег <track> атрибут kind
Атрибут kink визначає вид тексту доріжки.
автор: NagarD
Синтаксис
<track src="subtitles_en.vtt" kind="subtitles" srclang="en">
Атрибут kind може отримувати 5 значень:
-
captions -
Дублювання діалогів, звукових ефектів, музичного супроводу в вигляді тексту для тих випадків, коли звук недоступний або для глухих користувачів. Виводиться поверх відео, при цьому позначається, що підходить для погано чуючих людей.
автор: NagarD -
chapters -
Назви глав використовуються для швидкої навігації по відео чи аудіо. Відображаються у вигляді списку.
автор: NagarD -
descriptions -
Звуковий опис того, що відбувається в відео для тих випадків, коли зображення недоступно або для сліпих людей.
автор: NagarD -
metadata -
Призначені для використання скриптами і не відображаються в браузері.
автор: NagarD -
subtitles -
Призначені для дублювання звукової доріжки фільму у вигляді тексту мовою оригіналу для глухих людей. Також можуть містити переклад на інші мови для тих, хто не знайомий з мовою оригіналу. Текст субтитрів виводиться поверх відео.
автор: NagarD
Переглядачі
| Переглядач | |||||
|---|---|---|---|---|---|
| 18 | 31 | 6 | 15 | 10 |
Мобільних переглядачів ще не додано.
Приклади
+ запропонувати свій приклад у пісочниці
kind каже браузеру, що це за доріжка: subtitles — переклад мовлення, captions — і звуки для нечуючих, descriptions — аудіоопис, chapters — розділи, metadata — дані для скриптів. Файли в демо не підвантажені, тож видно порожній плеєр; поведінку описує код.
<video width="320" height="240" controls>
<source src="film.mp4" type="video/mp4">
<track src="subtitles_uk.vtt" kind="subtitles" srclang="uk" label="Українська">
<track src="chapters.vtt" kind="chapters" srclang="uk" label="Розділи">
</video>
Різниця між HTML 4.01 та HTML5
Атрибут kind тега <track> з'явився тільки в HTML5.
Різниця між XHTML та HTML
Коментарі
Коментарів ще немає — будьте першим!