SRT VTT 변환기

SRT를 VTT로 변환하는 간단한 3단계

SRT 파일이란 무엇인가요? (SubRip 자막)

SRT(SubRip Subtitle) 파일은 디지털 비디오 역사에서 가장 널리 사용되어 온 일반 텍스트 기반 자막 포맷입니다. 물리적 DVD 미디어에서 자막 텍스트와 타이밍을 추출(리핑)하던 윈도우 소프트웨어 SubRip에서 유래하여 데스크톱 미디어 플레이어, TV, 동영상 인코딩 및 전문 편집 소프트웨어의 표준으로 자리 잡았습니다.

구조적으로 SRT 파일은 빈 줄로 구분된 순차적인 자막 블록으로 구성됩니다. 각 블록에는 4가지 기본 구성 요소가 포함됩니다. 순차적인 인덱스 번호(1, 2, 3...), 자막의 시작 및 종료 시점을 나타내는 정확한 타임코드(시:분:초,밀리초 형식: 00:00:01,250 --> 00:00:04,500), 한 줄 이상의 자막 텍스트, 그리고 마지막 빈 줄입니다.

SRT 파일은 구조가 단순하여 VLC Media Player, 팟플레이어, 곰플레이어, Premiere Pro 등 독립형 소프트웨어에서 널리 호환되지만, 현대적인 웹 환경이 구축되기 전에 개발되었습니다. 따라서 브라우저의 HTML5 비디오 태그에서 기본 지원되지 않으며 CSS를 통한 스타일링이나 화면 배치 기능을 제공하지 못합니다.

WebVTT (.vtt) 파일이란 무엇인가요?

WebVTT(Web Video Text Tracks)는 W3C(World Wide Web Consortium)와 WHATWG가 웹 환경을 위해 공식 제정한 오픈 표준 자막 규격입니다. HTML5 사양과 함께 도입되어 Google Chrome, Mozilla Firefox, Apple Safari, Microsoft Edge 등 모든 최신 웹 브라우저에서 외부 플러그인 없이 기본 지원됩니다.

WebVTT 파일의 가장 큰 특징은 첫 줄에 "WEBVTT"라는 식별 헤더가 필수적이라는 점입니다. 이 시그니처 뒤에 제목이나 언어 정보 같은 메타데이터 블록 및 스타일시트를 정의할 수 있으며, 그 뒤에 개별 자막 큐가 이어집니다.

단순한 텍스트 출력을 넘어 WebVTT는 반응형 웹 인터페이스를 위해 설계되었습니다. 수직/수평 배치, 행 위치, 텍스트 정렬, 큐 크기 조절이 가능하며, CSS의 ::cue 가상 요소를 통해 글꼴, 텍스트 그림자, 배경 투명도, 색상 등을 자유롭게 지정할 수 있습니다.

SRT to VTT 변환기란 무엇인가요?

SRT to VTT 변환기는 기존 SubRip (.srt) 포맷의 자막 파일을 웹 표준 규격인 WebVTT (.vtt) 파일로 구문 구조를 변환해 주는 전문 도구입니다. 확장자만 바꾸는 것으로는 해결되지 않는 문법 차이를 완벽히 교정합니다.

변환 과정에서는 첫 줄에 필수적인 WEBVTT 헤더를 추가하고, 밀리초 구분 기호를 쉼표에서 마침표로 변경(예: 00:00:01,500에서 00:00:01.500으로 수정)하며, 웹 호환성을 저해하는 구형 태그를 정리하고 UTF-8 인코딩을 정규화합니다.

본 웹 변환기는 100% 클라이언트 측(브라우저 내부) JavaScript로 동작합니다. 자막 파일이 외부 서버로 업로드되거나 저장되지 않으므로 미공개 영상이나 보안 자막이라도 완벽한 개인정보 보호와 즉각적인 변환 속도를 보장합니다.

SRT와 WebVTT의 주요 차이점

SRT와 WebVTT는 모두 일반 텍스트 기반의 타임코드 자막 형식이지만, 현대 웹 환경과 스트리밍 미디어 지원 방식에서 결정적인 차이를 가집니다.

첫 번째 차이는 필수 헤더입니다. WebVTT는 파일 첫 줄에 반드시 "WEBVTT"가 위치해야 하며, 이 헤더가 없으면 브라우저의 HTML5 <track> 파서가 자막을 올바르지 않은 것으로 간주하여 거부합니다. 반면 SRT에는 헤더가 없으며 첫 번째 번호로 시작합니다.

두 번째 차이는 타임스탬프 구분자입니다. SRT는 밀리초를 구분할 때 쉼표(,)를 사용하지만, WebVTT는 표준에 따라 마침표(.)를 사용합니다. 또한 WebVTT는 1시간 미만의 구간에서 시간 단위를 생략한 mm:ss.ttt 표기를 허용합니다.

세 번째 차이는 스타일링과 화면 배치 기능입니다. SRT는 일부 플레이어의 비공식 이탤릭/굵게 태그만 제한적으로 지원하는 반면, WebVTT는 CSS ::cue 선택자를 통한 디자인 커스터마이징, 화면 위치 지정, 챕터 마커 및 메타데이터 연동 기능을 완벽히 지원합니다.

SRT를 WebVTT로 변환해야 하는 이유

자주 발생하는 SRT·VTT 오류와 해결 방법

HTML5 <video>에서 WebVTT 자막 사용하는 방법

변환된 WebVTT 파일은 HTML5의 <track> 요소를 활용하여 몇 줄의 코드만으로 웹사이트 동영상에 바로 추가할 수 있습니다.

<video controls width="800" height="450" poster="thumbnail.jpg">
  <source src="video.mp4" type="video/mp4">
  <source src="video.webm" type="video/webm">

  <!-- WebVTT 자막 트랙 -->
  <track
    kind="subtitles"
    src="subtitles-ko.vtt"
    srclang="ko"
    label="한국어"
    default
  >
  <track
    kind="subtitles"
    src="subtitles-en.vtt"
    srclang="en"
    label="English"
  >

  귀하의 브라우저는 HTML5 비디오 태그를 지원하지 않습니다.
</video>

SRT vs WebVTT 상세 비교표

가장 대표적인 두 가지 자막 포맷의 규격, 지원 기능 및 활용 환경을 비교해 보세요.