Характеристики тега
В каких браузерах работает?
| 10.0+ | 23.0+ | 12.10+ | 6.0+ | - | - | - |
В каких спецификациях используется?
| HTML | - | - | 5.0 |
| XHTML | - | - |
Для чего используется?
По своему принципу работы похож на действие бегущей строки, однако применяется для медиа файлов. К примеру, для видео можно настроить субтитры с переводом на какой либо язык или для аудио песни настроить отображение слов композиции и прочее.
Как правильно задавать?
<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>
Тип html тега:
Видео
Звук