Характеристики тега
В каких браузерах работает?
|
|
|
|
|
|
|
| 10.0+ |
23.0+ |
12.10+ |
6.0+ |
- |
- |
- |
В каких спецификациях используется?
Для чего используется?
По своему принципу работы похож на действие бегущей строки, однако применяется для медиа файлов. К примеру, для видео можно настроить субтитры с переводом на какой либо язык или для аудио песни настроить отображение слов композиции и прочее.
Как правильно задавать?
<audio>
<track kind>
</audio>
Какие атрибуты поддерживаются?
- kind - определяет особый вид дорожки. Их разновидности указаны в таблице чуть ниже.
- src - показывает расположение файла.
- srclang - определяет язык, на котором будет дорожка с информацией. Кодировкая языка используется классическая.
- label - позволяет прописать название файла. Если атрибут не указать, то браузер присвоит свое название.
- default - определяет приоритет использования дорожки с информацией. Применение атрибута допускается только к одной дорожке.
| Значение атрибута |
Сфера применения |
Краткое пояснение |
| subtitles |
Субтитры |
Повторяет то, что выводится через динамик колонок. Может содержать перевод на какой-либо язык или полное дублирование для людей, у которых отсутствует слух. |
| captions |
Заглавие |
Практически тоже самое, что и субтитры, но прописывает не только речевую информацию, но и звуковые эфекты. Более ориентировано для глухих пользователей. |
| descriptions |
Пояснение |
Атрибут работает со звуковым воспризведением. Необходимо для слепых людей, которые не видят картинку видео, но могут прослушать пояснение к происходящему. |
| chapters |
Главы |
Разбивает файл на участки. При клике на название определенного участка перематывает файл к началу соответствующего отрезка. |
| metadata |
Метаданные |
Не для отображения, оптимизирует работу скрипта. |
Закрытый тег
Нет.
Пример использования
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Тег track</title>
</head>
<body>
<video width="400" height="200" controls>
<source src="video/film.webm" type='video/webm; codecs="vp8, vorbis"'>
<track kind="subtitles" src="video/film.en.srt" srclang="en" label="English">
<track kind="subtitles" src="video/film.ru.srt" srclang="ru" label="Русский">
</video>
</body>
</html>Оценок: 3 (средняя 5 из 5)
