ELEMENTS

Editing
  • account_tree
  • bug_report

<track>

<audio><video> 요소에 대한 시간별 텍스트 트랙을 지정할 때 사용한다. 재생 시간별 캡션이나 자막 등을 표시할 수 있다.

  • 콘텐츠 분류

    NONE

  • 허용된 부모 요소 또는 위치

    <AUDIO>, <VIDEO>

    플로우 콘텐츠(flow content) 이전에 <audio> 또는 <video> 요소의 자식

  • 콘텐츠 모델

  • 태그 생략

    종료 태그 생략 가능

  • DOM Interface

    HTMLTrackElement

    [Exposed=Window]
    interface HTMLTrackElement : HTMLElement {
      [HTMLConstructor] constructor();
    
      [CEReactions] attribute DOMString kind;
      [CEReactions] attribute USVString src;
      [CEReactions] attribute DOMString srclang;
      [CEReactions] attribute DOMString label;
      [CEReactions] attribute boolean default;
    
      const unsigned short NONE = 0;
      const unsigned short LOADING = 1;
      const unsigned short LOADED = 2;
      const unsigned short ERROR = 3;
      readonly attribute unsigned short readyState;
    
      readonly attribute TextTrack track;
    };

설명

텍스트 트랙에 사용되는 파일은 WebVTT(Web Video Text Tracks) 형식과 TTML(Timed Text Markup Language) 형식이 있다.

구문

마크업 형식
<video>
  <source>
  <track>
</video>
Example

애트리뷰트

kind enumerated attribute
About Enumerated attribute

제한된 값 집합으로 구성된 데이터를 나타낸다. 값 설정을 위한 다양한 방식이 존재할 수 있다.

사용되는 키워드

captions

사운드를 사용할 수 없거나 명확하게 들을 수 없는 경우에 대화, 비언어인 음향 효과의 설명  및 기타 관련 오디오 정보의 발음 또는 번역을 나타낸다. 비디오에 오버레이(overlay) 된다.

chapters

미디어 리소스를 탐색할 때 사용한다. 유저 에이전트에 의해 표시되는 것이 아니고 스크립트에서 사용된다.

descriptions

영상의 시각적 구성 요소가 가려지거나 사용할 수 없는 경우 미디어 리소스 비디오 구성 요소에 대한 텍스트 설명을 나타낸다. 오디오로 합성된다. 즉 비디오 콘텐츠의 설명을 나타내며 비디오를 볼 수 없는 환경과 시각 장애를 가진 시청자에게 사용될 수 있다.

metadata

스크립트에서 사용하는 트랙이다. 사용자에게 표시되지 않는다.

subtitles

사운드를 사용할 수 있지만 이해할 수 없는 경우(사용 언어의 차이)에 적합한 대화의 발음 또는 번역을 나타내며 동영상에 오버레이(overlay) 된다.

src non-empty URL

사용할 리소스의 경로를 설정한다.

About Non-empty URL

비워있지 않은 유효한 URL을 나타내는 문자열을 나타낸다.

이 요소에서의 특징

WebVTT의 .vtt 또는 TTML의 .ttml 확장자를 갖는 리소스의 경로를 지정한다.

srclang BCP47

텍스트 트랙이 사용하는 언어를 지정한다. 값은 유효한 BCP 47 언어 태그이어야 한다.

About BCP47

국제인터넷표준화기구(IETF)에서 콘텐츠에 사용되는 (사람이 사용하는)언어를 태그로 정의한 BCP 47 기술 사양을 나타낸다. HTTP, HTML, XML, PNG 등과 같은 대부분의 기술 표준에서 채택되어 사용한다.

label string

사용자가 읽을 수 있는 트랙의 제목을 제공한다. 이 제목은 사용자 인터페이스에서 자막, 캡션 및 오디오 설명 트랙을 나열할 때 유저 에이전트가 사용한다.

default boolean attributes

명시된 경우 사용자의 설정이 다른 트랙이 더 적합하다고 나타내지 않는 한 트랙이 기본으로 활성화됨을 나타낸다.

About Boolean attributes

불리언(boolean) 값을 나타낸다. 다음 불리언 값을 갖는 애트리뷰트인 disabled를 예를 들어 다음 세 가지 값은 모두 참(true)이다.

<input disabled>, <input disabled="disabled">, <input disabled="">

사용 예

<track default>

글로벌 애트리뷰트

일부 글로벌 애트리뷰트는 이 요소에서 사용되지 않을 수 있다.

글로벌 이벤트 핸들러

일부 글로벌 이벤트 핸들러는 이 요소에서 사용되지 않을 수 있다. 이벤트 등록은 자바스크립트 사용을 권장한다.

버전 명세

HTML Standard
#the-track-element

지원 웹브라우저