WebVTT

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

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

예시

^[5]

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 versus TTML: XML considered harmful for web captions?”. 2015년 2월 16일에 확인함.
↑ Kennedy, Antony; de Leon, Inayaili (2011). 《Pro CSS for High Traffic Websites》. Apress. ISBN 978-1-4302-3288-9. ^{[깨진 링크(과거 내용 찾기)]}
↑ Pfeiffer, Silvia (2011년 6월 27일). “Recent developments around WebVTT”.
↑ “HTML5”.
↑ “WebVtt: The Web Video Text Tracks Format”. 《w3.org》 (영어). The World Wide Web Consortium. 2019년 4월 4일. 2023년 2월 23일에 확인함.

외부 링크

[1] “WebVTT versus TTML: XML considered harmful for web captions?”. 2015년 2월 16일에 확인함.

[2] Kennedy, Antony; de Leon, Inayaili (2011). 《Pro CSS for High Traffic Websites》. Apress. ISBN 978-1-4302-3288-9. ^{[깨진 링크(과거 내용 찾기)]}

[3] Pfeiffer, Silvia (2011년 6월 27일). “Recent developments around WebVTT”.

[4] “HTML5”.

[5] “WebVtt: The Web Video Text Tracks Format”. 《w3.org》 (영어). The World Wide Web Consortium. 2019년 4월 4일. 2023년 2월 23일에 확인함.

[1]