VTT 파일이란? WebVTT 자막 형식 완벽 가이드
VTT(WebVTT) 자막 파일에 대한 완벽한 가이드입니다. VTT가 무엇인지, 파일 구조, SRT와의 차이점, 브라우저 지원, HTML5 비디오에서 WebVTT를 언제 사용해야 하는지 알아보세요.
VTT(WebVTT, Web Video Text Tracks)는 HTML5 비디오를 위해 설계된 W3C 표준 자막 형식입니다. YouTube, Vimeo 및 최신 웹 비디오 플레이어에서 사용됩니다. VTT는 큐 스타일링, 메타데이터, 네이티브 브라우저 지원으로 SRT를 개선하여 웹 기반 비디오 자막의 기본 형식이 되었습니다.
VTT는 무엇의 약자인가요?
VTT는 Web Video Text Tracks의 약자로, 일반적으로 WebVTT라고 불립니다. HTML5 <video> 및 <audio> 요소의 표준 텍스트 트랙 형식으로 W3C에 의해 개발되었으며, 더 나은 기능과 네이티브 브라우저 렌더링으로 웹 사용의 구형 SRT 형식을 대체합니다.
VTT 파일의 작동 방식
VTT 파일은 첫 번째 줄에 'WEBVTT' 텍스트로 시작합니다. SRT와 마찬가지로 타이밍이 지정된 자막 큐를 포함하지만, VTT 큐는 쉼표 대신 마침표로 구분된 밀리초(00:00:01.000)를 사용합니다. VTT는 또한 SRT에는 없는 선택적 큐 헤더, 스타일링, 주석, 메타데이터를 지원합니다.
VTT를 언제 사용해야 하나요?
웹 비디오에는 VTT가 가장 좋은 선택입니다. 웹사이트에 비디오를 임베드하거나, 웹 기반 플레이어를 구축하거나, YouTube 같은 플랫폼에 자막을 업로드하는 경우 브라우저와 웹 플랫폼이 기대하는 형식이 VTT입니다. 오프라인 또는 기기 재생의 경우 SRT가 더 광범위한 호환성을 가질 수 있습니다.
VTT 파일 구조
WEBVTT 00:00:01.000 --> 00:00:04.000 This is the first subtitle line. 00:00:05.000 --> 00:00:08.500 This is the second subtitle. It can span multiple lines.
VTT의 장점
- HTML5 비디오의 W3C 표준 — Chrome, Firefox, Safari, Edge에서 네이티브 브라우저 지원
- 큐 수준의 스타일링, 위치 지정, 정렬 지원
- 메타데이터, 주석, 챕터 마커 허용
- YouTube, Vimeo 및 주요 웹 비디오 플랫폼에서 사용
- 프로그래밍 방식의 파싱에 SRT보다 더 구조화됨
VTT의 한계
- 일부 구형 스마트 TV와 기기는 VTT를 지원하지 않을 수 있음 (SRT가 더 광범위한 기기 지원)
- WEBVTT 헤더가 필수 — 없으면 파일이 파싱되지 않을 수 있음
- 브라우저 간 스타일링 지원이 다름 — 모든 VTT 스타일링이 일관되게 렌더링되지는 않음
- SRT에 비해 오프라인 비디오 워크플로우에서 덜 일반적
VTT를 지원하는 플레이어 및 플랫폼
VTT 자주 묻는 질문
VTT 파일은 어떻게 열 수 있나요?
VTT 파일은 일반 텍스트입니다 — 모든 텍스트 편집기에서 열어 내용을 볼 수 있습니다. 비디오 재생의 경우 웹 브라우저가 HTML5 <track> 요소를 통해 VTT를 네이티브로 지원합니다. VLC 및 mpv 같은 데스크톱 플레이어도 VTT 파일을 직접 지원합니다.
VTT와 SRT의 차이점은 무엇인가요?
VTT는 'WEBVTT' 헤더로 시작하고, 밀리초에 마침표(00:00:01.000)를 사용하며, 스타일링과 메타데이터를 지원하고, 웹 표준입니다. SRT는 헤더가 없고, 쉼표(00:00:01,000)를 사용하며, 일반 텍스트만 지원하고, 더 광범위한 기기 지원을 가집니다. VTT는 웹용, SRT는 기기용입니다.
YouTube에서 VTT를 사용할 수 있나요?
네. YouTube는 자막 업로드용 VTT 파일을 지원합니다. YouTube Studio에서 자막으로 이동하여 추가를 클릭하고 .vtt 파일을 업로드하세요. YouTube가 큐와 타이밍을 자동으로 파싱합니다.
HTML5 비디오에 VTT 자막을 추가하는 방법은?
<video> 태그 안에 <track> 요소를 사용하세요: <video><source src="video.mp4"><track kind="subtitles" src="subtitles.vtt" srclang="en" label="English"></video>. 브라우저가 자막을 네이티브로 렌더링합니다.
VTT는 스타일링을 지원하나요?
네, VTT는 텍스트 정렬, 줄 위치 지정 및 인라인 태그를 통한 기본 서식을 포함한 제한된 스타일링을 지원합니다. 하지만 브라우저 간 VTT 스타일링 렌더링은 완벽하게 일관되지는 않습니다. 복잡한 스타일링의 경우 ASS가 더 강력합니다.