WebVTT

WebVTT(Web Video Text Tracks, 웹 비디오 텍스트 트랙)는 HTML5 <track> 요소와 관련하여 시간 제한 텍스트를 표시하기 위한 W3C(월드 와이드 웹 컨소시엄) 표준이다.

사양의 초기 초안은 HTML5에서 어떤 캡션 형식을 지원해야 하는지에 대한 논의 후 2010년 WHATWG에 의해 작성되었다. 주요 옵션은 상대적으로 성숙한 XML 기반 TTML(Timed Text Markup Language)이거나 완전히 새롭지만 더 가벼운 것이다. 널리 사용되는 서브립 형식을 기반으로 하는 표준이다. 최종 결정은 초기에 WebSRT(Web Subtitle Resource Tracks)라고 불린 새로운 표준에 대한 것이었다. .srt 파일 확장자를 공유했으며 서브립 형식을 광범위하게 기반으로 했지만 완벽하게 호환되지는 않았다. 예상 형식은 나중에 WebVTT로 이름이 변경되었다. 2011년 1월 13일 HTML5 초안 보고서 버전에서는 <track> 요소가 도입되었으며 WebVTT 큐 텍스트 렌더링 규칙을 문서화하기 위해 사양이 업데이트되었다. WebVTT 사양은 W3C 후보 권장 사항이며 기본 기능은 모든 주요 브라우저에서 지원된다.

예시

WEBVTT

00:11.000 --> 00:13.000
<v Roger Bingham>We are in New York City

00:13.000 --> 00:16.000
<v Roger Bingham>We're actually at the Lucern Hotel, just down the street

00:16.000 --> 00:18.000
<v Roger Bingham>from the American Museum of Natural History

00:18.000 --> 00:20.000
<v Roger Bingham>And with me is Neil deGrasse Tyson

00:20.000 --> 00:22.000
<v Roger Bingham>Astrophysicist, Director of the Hayden Planetarium

00:22.000 --> 00:24.000
<v Roger Bingham>at the AMNH.

00:24.000 --> 00:26.000
<v Roger Bingham>Thank you for walking down here.

00:27.000 --> 00:30.000
<v Roger Bingham>And I want to do a follow-up on the last conversation we did.

00:30.000 --> 00:31.500 align:right size:50%
<v Roger Bingham>When we e-mailed—

00:30.500 --> 00:32.500 align:left size:50%
<v Neil deGrasse Tyson>Didn't we talk about enough in that conversation?

00:32.000 --> 00:35.500 align:right size:50%
<v Roger Bingham>No! No no no no; 'cos 'cos obviously 'cos

00:32.500 --> 00:33.500 align:left size:50%
<v Neil deGrasse Tyson><i>Laughs</i>

00:35.500 --> 00:38.000
<v Roger Bingham>You know I'm so excited my glasses are falling off here.

외부 링크

• WebVTT Standard
• Mozilla's developer page concerning WebVTT implementation