Блог Vaden Pro

Все о самостоятельном создании и продвижении сайтов
Вы здесь

Тег track

Дата:21.09.15 в 17:28
Справочник: 

Характеристики тега

В каких браузерах работает?

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>

Оценка: 
Оценок: 2 (средняя 5 из 5)
Тип html тега: 
Понравилась статья? Расскажите о ней друзьям: