<track>

초록공룡·2025년 8월 18일

HTML5

목록 보기
63/76

개념

-<audio><video> 요소에 자막, 캡션, 설명 등의 시간별 텍스트 트랙을 제공하는 요소이다.

  • 미디어 재생과 동기화되는 시간 기반 텍스트 콘텐츠를 정의한다.

특징

  • WebVTT(.vtt) 형식의 파일을 사용하여 특정 시간대에 표시할 텍스트를 지정하고, 접근성 향상과 다국어 지원을 위해 사용된다.
  • kind 속성으로 용도를 구분한다.
    • subtitles: 다국어 자막
    • captions: 폐쇄형 캡션 (청각장애인용)
    • descriptions: 시각장애인용 음성 설명
    • chapters: 챕터 정보
    • metadata: 스크립트용 메타데이터

예시

<video width="640" height="360" controls>
  <source src="video.mp4" type="video/mp4">
  <!-- 한국어 자막 (기본값) -->
  <track kind="subtitles" src="sub_ko.vtt" srclang="ko" label="한국어" default>
  <!-- 영어 자막 -->
  <track kind="subtitles" src="sub_en.vtt" srclang="en" label="English">
</video>
profile
빠른 행동, 쉽고, 간단하게

0개의 댓글