Атрибут kind
Синтаксис
HTML
<track src="..." kind="[значение]">
Описание
Атрибут / параметр kind (от англ. "kind" ‒ «вид, тип») указывает тип текстовой дорожки.
Поддержка браузерами
Chrome
Поддерж.
Firefox
Поддерж.
Opera
Поддерж.
Maxthon
IExplorer
Поддерж.
Safari
Поддерж.
iOS
Android
Спецификация
| Верс. | Раздел |
|---|---|
| HTML | |
| 2.0 | |
| 3.2 | |
| 4.01 | |
| 5.0 | 4.7.9 The track element The kind attribute... |
| 5.1 | 4.7.13. The track element The kind attribute... |
| XHTML | |
| 1.0 | |
| 1.1 | |
Значения
- captions
- Обозначает дорожку подписей, которая может представлять собой транскрипцию, перевод диалога на соответствующий язык, звуковые эффекты, соответствующие музыкальные сигналы и прочая соответствующая аудио информация, подходящая для тех случаев, когда звук отсутствует или недостаточно отчётливо слышен (например, потому что приглушён, заглушен окружающим шумом, или потому, что пользователь является слабослышащим).
- chapters
- Обозначает дорожку названия глав, предназначенных для навигации по медиа ресурсу. Такая дорожка должна отображаться в качестве интерактивного (возможно, вложенного) списка в интерфейсе агента пользователя.
- descriptions
- Обозначает дорожку текстового описания видео, предназначенного для аудио синтеза в случаях, когда визуальная составляющая скрыта, недоступна или не может быть использована (например, потому что пользователь взаимодействует с приложением, не используя экран во время вождения, или потому, что у пользователя слабое зрение).
- metadata
- Обозначает дорожку предназначенную для использования из скрипта. Такая дорожка не должна отображаться агентом пользователя.
- subtitles
- Обозначает дорожку субтитров, которая может представлять собой транскрипцию и перевод диалога на соответствующий язык. Используется в случаях, когда звук доступен, но не понятен (например, потому что пользователью не понятен язык звуковой дорожки).
Пример использования
Листинг кода
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Параметр kind (Элемент track)</title>
</head>
<body>
<h1>Пример использования атрибута "kind"</h1>
<video style="width: 500px; height: 375px;" controls>
<source src="/examples/multimedia/video/Angels.mp4" type="video/mp4">
<source src="/examples/multimedia/video/Angels.ogg" type="video/ogg">
<source src="/examples/multimedia/video/Angels.webm" type="video/webm">
<track kind="subtitles" src="../angels.ru.vtt" srclang="ru" lang="ru" label="Русский" default="default">
<track kind="subtitles" src="../angels.fr.vtt" srclang="fr" lang="fr" label="Francais">
</video>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>Параметр kind (Элемент track)</title>
</head>
<body>
<h1>Пример использования атрибута "kind"</h1>
<video style="width: 500px; height: 375px;" controls>
<source src="/examples/multimedia/video/Angels.mp4" type="video/mp4">
<source src="/examples/multimedia/video/Angels.ogg" type="video/ogg">
<source src="/examples/multimedia/video/Angels.webm" type="video/webm">
<track kind="subtitles" src="../angels.ru.vtt" srclang="ru" lang="ru" label="Русский" default="default">
<track kind="subtitles" src="../angels.fr.vtt" srclang="fr" lang="fr" label="Francais">
</video>
</body>
</html>
Параметр kind (Элемент track)