WebVTT

1 개요

Web Video Text Tracks; WebVTT

웹 비디오 텍스트 트랙; 웹VTT

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

2 예시 1

pacman-en.vtt

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

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

WEBVTT

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

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>.

3 같이 보기

• HTML5 비디오 자막 track 태그
• HTML5 비디오 video.js 자막 track 태그
• SRT

4 참고 자료

• https://en.wikipedia.org/wiki/WebVTT
• https://developer.mozilla.org/en/docs/Web/API/Web_Video_Text_Tracks_Format