HTML: <track> 태그

HTML <track> 요소는 미디어 요소(예: <audio> 및 <video>)의 자식으로 사용됩니다. 시간 텍스트 자막(또는 시간 기반 데이터)을 지정할 수 있으며, 예를 들어 자동 자막 처리가 가능합니다. 자막 형식은 WebVTT 형식(.vtt 파일 형식) - Web 비디오 텍스트 자막 형식 및 시간 텍스트 태그 언어(TTML) 형식입니다.

track이 미디어 요소에 추가하는 데이터의 유형은 kind 속성에서 설정되며, 속성 값은 subtitles, captions, descriptions, chapters 또는 metadata가 될 수 있습니다. 이 요소는 사용자가 추가 데이터를 요청할 때 브라우저가 공개하는 시간 텍스트 포함된 소스 파일을 가리킵니다.
media 요소의 다른 두 track 자식 요소는 같은 kind, srclang, 및 label 속성을 가질 수 없습니다.

<video width="320" height="240" controls>
　　<source src="track.mp4" type="video/mp4">
　　<source src="track.ogg" type="video/ogg">
　　<track src="track_en.vtt" kind="track" srclang="en" label="English">
　　<track src="track_no.vtt" kind="track" srclang="no" label="Norwegian">
</video>

브라우저 상호 운용성

IEFirefoxOperaChromeSafari

IE 10、Opera 및 Chrome 브라우저가 <track> 태그를 지원합니다.

태그 정의 및 사용 설명

<track> 태그는 미디어 요소(예: <audio> 및 <video>)에 대한 외부 텍스트 트랙을 정의합니다.

이 요소는 자막 파일이나 텍스트를 포함한 파일을 정의합니다. 미디어가 재생될 때, 이 파일들은 보이게 됩니다.

HTML 4.01 와 HTML5사이의 차이

<track> 태그는 HTML5 에 새로운 태그.

선택 사항 속성

New: HTML5 에 새로운 속성.

전체 속성

<track> 태그가 지원 HTML의 전체 속성。

이벤트 속성

<track> 태그가 지원 HTML 이벤트 속성。