비디오가 HTML로 들어오면서 자막은 플레이어별 사이드카 파일로 남을 수 없게 되었다. WebVTT는 웹에 텍스트처럼 보이고, 밀리초 단위의 cue 타이밍을 사용하며, 브라우저 미디어 모델에 직접 맞는 자막 파일을 제공했다.

W3C 초안은 WebVTT를 HTML track 요소에 연결된 외부 텍스트 트랙 리소스를 위한 Web Video Text Tracks 형식으로 정의한다. MDN은 이 형식을 일반 텍스트, UTF-8, MIME 타입 text/vtt, 확장자 .vtt로 설명한다.

채택을 이끈 전략은 형식과 요소를 짝짓는 것이었다. 비디오는 자막, 부제, 챕터 또는 메타데이터를 위해 여러 트랙 파일을 참조할 수 있으며, MDN은 WebVTT와 track 모두 2015년 7월부터 브라우저 전반에서 널리 사용 가능하다고 표시한다.

시간 지정 텍스트를 네이티브이면서 읽기 쉽게 만들었다

일반 텍스트 덕분에 자막을 작성, 검토, diff하기 쉬워졌다.

네이티브 track 지원은 모든 video 요소에 시간 지정 텍스트를 붙일 공통 위치를 제공했다.

cue는 처음에는 자막을 다루었지만 챕터와 동기화된 메타데이터도 포함했다.

CSS와 JavaScript 훅을 통해 브라우저는 모든 표현 선택을 고정하지 않고도 표시를 표준화할 수 있었다.

웹 형식은 작성자가 직접 편집할 수 있고, 서버가 텍스트로 제공할 수 있으며, 브라우저가 여전히 프로그래밍 가능한 네이티브 기능으로 전환할 수 있을 때 확산된다.

2015년 중반까지 WebVTT와 HTML track 요소는 브라우저에서 폭넓게 사용 가능해졌다. 이 형식은 네이티브 오디오 및 비디오, 접근성 도구, 미디어 메타데이터 실험을 위한 기본 웹 자막 사이드카가 되었다.

근거 확인하기

출처

  1. WebVTT: The Web Video Text Tracks Format World Wide Web Consortium · w3.org ·
  2. Web Video Text Tracks Format (WebVTT) MDN Web Docs · developer.mozilla.org
  3. <track>: The Embed Text Track element MDN Web Docs · developer.mozilla.org