정의
WebVTT(Web Video Text Tracks)는 HTML5 표준의 일부로 채택된 텍스트 트랙 형식이다. 주로 웹 비디오에 자막, 캡션, 설명 및 메타데이터를 제공하기 위해 사용된다. 파일 확장자는 .vtt이며, MIME 타입은 text/vtt이다.
역사
- 2010년: WHATWG(Web Hypertext Application Technology Working Group)에서 초안이 제안되었다.
- 2011년: W3C가 HTML5 Recommendation에 WebVTT를 포함시켰다.
- 2012년: W3C가 WebVTT 1.0 Recommendation을 발표하였다.
- 이후 지속적인 개선을 거쳐 현재까지도 주요 웹 브라우저(Chrome, Firefox, Safari, Edge)에서 지원된다.
기술 사양
- 구조: 파일은 UTF-8 인코딩을 기본으로 하며, 첫 줄에
WEBVTT식별자를 포함한다. 그 뒤에 빈 줄이 오고, 자막 블록이 순차적으로 배치된다. - 타임코드 형식:
HH:MM:SS.mmm혹은MM:SS.mmm형태(시, 분, 초, 밀리초)로 지정한다. - 스타일링: CSS‑like 속성을 사용해 텍스트 색상, 글꼴, 정렬 등을 지정할 수 있다.
- 메타데이터:
NOTE블록이나X-접두사가 붙은 커스텀 속성을 통해 추가 정보를 삽입한다.
활용 사례
- 자막 및 캡션: 유튜브, Vimeo 등 다수의 온라인 비디오 플랫폼에서 기본 자막 포맷으로 채택하고 있다.
- 오디오 설명: 시각 장애인을 위한 오디오 설명 트랙을 제공한다.
- 시맨틱 마크업:
<track kind="subtitles" src="example.vtt" srclang="en" label="English">와 같이<track>요소와 결합해 HTML5 비디오에 연동한다. - 실시간 스트리밍: HLS와 DASH 등 적응형 스트리밍 프로토콜에서 보조 트랙으로 사용된다.
관련 표준 및 문서
- W3C Recommendation: Web Video Text Tracks (2021년 기준 최신 버전)
- MIME 타입:
text/vtt(IANA 등록) - 관련 기술: HTML5
<track>요소, Media Source Extensions (MSE)
참고
- W3C 공식 문서: https://www.w3.org/TR/webvtt1/
- WHATWG HTML Living Standard: https://html.spec.whatwg.org/multipage/media.html#text-tracks
본 내용은 확인된 공신력 있는 기술 표준 및 문서에 기반한다.
