[HTML] <track>

<track>

<track> 태그는 <video> 태그와 <audio> 태그의 자막을 설정합니다. 자막은 vvt 파일을 이용하여 사용합니다.

---

<track>

<track> 태그는 미디어 요소의 자막을 정의합니다.

특징	설명
요소	해당 없음
닫는 태그	닫는 태그 사용 안함(<track />)
버전	HTML5
시각적 표현	자막 표시

정의(Definition)

• <track> 태그는 미디어 요소의 자막을 설정합니다.
• <track> 태그는 <audio> 태그 또는 <video> 태그와 같이 사용합니다.

속성(Property)

속성	값(예)	설명	버전
default	default	트랙 중에 가장 기본이 되는 트랙에 설정합니다.	-
kind	captions chapters descriptions metadata subtitles	트랙의 제목을 설정합니다. 트랙의 챕터를 설정합니다. 트랙의 설명을 설정합니다. 트랙의 메타데이터를 설정합니다. 트랙의 자막 설정합니다.	-
label	label="text"	트랙의 타이틀을 설정합니다.	-
src	src="URL"	트랙의 주소를 설정합니다.	-
srclang	srclang="ko"	트랙 테스트의 언어를 설정합니다. 자막을 설정할 경우 필수입니다.	-

샘플(Sample)

Sample1

html

<video width="100%" controls poster="https://tistory1.daumcdn.net/tistory/2933724/skin/images/blend01.jpg">
    <source src="tutor.mp4" type="video/mp4">
    <source src="tutor.ogv" type="video/ogv">
    <track kind="captions" src="tutorCaptions.vtt" srclang="ko">
    <track kind="descriptions" src="tutorDescriptions.vtt" srclang="ko">
    <track kind="chapters" src="tutorChapters.vtt" srclang="ko">
    <track kind="subtitles" src="tutorSubtitles_en.vtt" srclang="ko">
    <track kind="metadata" src="tutorial1.vtt" srclang="ko" label="첫번째 강의">
</video>

호환성(Compatibility)

						6	7	8	9	10	11
<track>	사용가능	사용가능	사용가능	사용가능	사용가능	사용안됨	사용안됨	사용안됨	사용안됨	사용안됨	사용가능	사용가능	사용가능	사용가능
default	사용가능	사용가능	사용가능	사용가능	사용가능	사용안됨	사용안됨	사용안됨	사용안됨	사용안됨	사용가능	사용가능	사용가능	사용가능
kind	사용가능	사용가능	사용가능	사용가능	사용가능	사용안됨	사용안됨	사용안됨	사용안됨	사용안됨	사용가능	사용가능	사용가능	사용가능
label	사용가능	사용가능	사용가능	사용가능	사용가능	사용안됨	사용안됨	사용안됨	사용안됨	사용안됨	사용가능	사용가능	사용가능	사용가능
src	사용가능	사용가능	사용가능	사용가능	사용가능	사용안됨	사용안됨	사용안됨	사용안됨	사용안됨	사용가능	사용가능	사용가능	사용가능
srclang	사용가능	사용가능	사용가능	사용가능	사용가능	사용안됨	사용안됨	사용안됨	사용안됨	사용안됨	사용가능	사용가능	사용가능	사용가능

---