VTT 파일이란?
VTT 파일(WebVTT, .vtt)은 웹 영상에서 쓰는 자막·캡션 형식입니다. SRT처럼 일반 텍스트이지만 첫 줄이 WEBVTT로 시작하고, 밀리초 앞에 마침표를 씁니다. 또한 브라우저가 이해하는 스타일, 위치, 화자 태그를 담을 수 있습니다.
WEBVTT
00:00:01.000 --> 00:00:04.000
다시 찾아 주셔서 반갑습니다.
00:00:04.200 --> 00:00:07.500 line:85%
<v Anna>오늘은 자막 이야기를 해 보겠습니다.VTT 파일의 구조
첫 줄은 WEBVTT이고 그다음에 빈 줄이 옵니다. 이후 각 큐는 선택 사항인 식별자, 00:01:02.500 --> 00:01:05.000 같은 시간 줄, 텍스트로 이루어집니다. SRT처럼 큐 사이는 빈 줄로 구분합니다.
타임스탬프 형식
WebVTT는 밀리초 세 자리 앞에 항상 마침표를 쓰며, 쉼표는 쓰지 않습니다. 시는 생략할 수 있어 01:02.500과 00:01:02.500은 같은 시점입니다. 쉼표를 썼거나 WEBVTT 줄이 없는 것이 브라우저에 자막이 전혀 나오지 않는 가장 흔한 이유입니다.
WebVTT가 SRT에 더하는 것
큐 번호는 생략할 수 있고, 큐 끝에 line:85%나 align:start 같은 설정을 붙여 화면 위치를 옮길 수 있습니다. NOTE 블록에는 주석을, STYLE 블록에는 CSS를 넣으며, <v Anna> 같은 태그로 누가 말하는지 표시합니다.
큐 설정
설정은 같은 줄의 종료 시간 뒤에 씁니다. line은 큐를 위아래로 옮기고, position과 size는 시작 위치와 너비를 정하며, align은 텍스트를 왼쪽, 가운데, 오른쪽으로 정렬하고, vertical은 일본어나 중국어용 세로쓰기로 바꿉니다. 지원하지 않는 설정은 플레이어가 그냥 무시합니다.
VTT 파일이 쓰이는 곳
VTT는 HTML5 <track> 요소가 불러오는 형식이라 Vimeo, JW Player, Brightcove 같은 웹 플레이어가 사용합니다. Zoom, Microsoft Teams 같은 회의 플랫폼도 대화 기록을 VTT로 저장합니다.
자주 생기는 문제
첫 줄에 WEBVTT가 없는 파일은 브라우저가 거부합니다. 웹사이트에서는 .vtt 파일을 text/vtt로, 페이지와 같은 사이트에서 제공하거나 올바른 CORS 헤더와 함께 제공해야 합니다. 그렇지 않으면 아무 오류 없이 자막이 나타나지 않습니다.
자주 묻는 질문
VTT가 SRT보다 낫습니까?
웹사이트라면 그렇습니다. 브라우저가 기본으로 읽고 위치 지정도 지원합니다. 편집 프로그램이나 업로드 양식에는 더 많은 도구가 지원하는 SRT가 안전합니다.
.vtt를 .srt로 이름만 바꿔도 됩니까?
안 됩니다. 타임스탬프 구분 기호가 다르고 WEBVTT 헤더도 파일에 남아 있으므로 변환해야 합니다.
VTT 파일은 어떻게 엽니까?
아무 텍스트 편집기로 열거나, VLC 또는 브라우저 플레이어에서 영상과 함께 불러오면 됩니다.
VTT 타임스탬프는 어떤 모양입니까?
00:00:04.200 --> 00:00:07.500, 또는 시를 뺀 00:04.200 --> 00:07.500입니다. 분, 초, 마침표, 밀리초 세 자리 순서로 씁니다.
VTT 파일에 큐 번호가 필요합니까?
아닙니다. 시간 줄 위의 줄은 선택 사항인 식별자로, 숫자든 아무 이름이든 될 수 있습니다. 식별자가 없는 파일도 유효합니다.
더 읽기
관련 용어
업데이트: