"WebVTT"의 두 판 사이의 차이

2017년 6월 27일 (화) 15:04 기준 최신판

1 개요[ | ]

Web Video Text Tracks; WebVTT
웹 비디오 텍스트 트랙; 웹VTT

HTML5 track 태그에 연결되는 자막 파일

2 예시 1[ | ]

pacman-en.vtt

text

Copy

WEBVTT FILE

1
00:00:00.000 --> 00:00:02.000
Pacman Hello~

2
00:00:02.000 --> 00:00:04.000
Pacman World~

3
00:00:05.000 --> 00:00:06.000
Pacman The End

pacman-ko.vtt

text

Copy

WEBVTT FILE

1
00:00:00.000 --> 00:00:02.000
팩맨 안녕~

2
00:00:02.000 --> 00:00:04.000
팩맨 친구들~

3
00:00:05.000 --> 00:00:06.000
팩맨 The End

3 예시 3[ | ]

text

Copy

WEBVTT

1
00:00:02.000 --> 00:00:10.000
This is the <b>first</b> line of text, <u>displaying from 2-10 seconds</u>

2
00:00:15.000 --> 00:00:20.000
And the second line of text separated over
two lines with a <c.customClass>custom CSS as well</c>.

4 예시 4[ | ]

text

Copy

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

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:end size:50%
<v Roger Bingham>When we e-mailed—

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

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

00:32.500 --> 00:33.500 align:start 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.

5 같이 보기[ | ]

6 참고[ | ]