SRT 파일을 업로드하면 HTML5 플레이어에서 사용할 수 있는 WebVTT 형식으로 바로 변환됩니다. 모든 과정은 브라우저 안에서 실행됩니다.
WebVTT는 Web Video Text Tracks의 약자입니다. 브라우저의 HTML5 비디오를 위해 만들어진 자막 형식입니다. VTT 파일에는 자막, 캡션, 챕터 표시, 기타 시간 기반 텍스트 트랙을 넣을 수 있습니다. SRT와 달리 WebVTT 파일은 항상 WEBVTT 헤더로 시작하며, 밀리초 구분에는 쉼표가 아니라 점을 사용합니다.
자체 웹사이트에서 HTML5-<video> 요소로 영상을 삽입하거나 최신 웹 플레이어를 사용한다면 WebVTT가 더 안정적인 선택인 경우가 많습니다. SRT는 많은 플레이어에서 지원되지만 HTML5-<track> 요소의 기본 형식은 아닙니다. VTT 파일이 없으면 브라우저에서 자막이 표시되지 않을 수 있습니다.
위 영역에 SRT 파일을 놓으세요. 이 도구는 SRT 블록 번호를 제거하고 필요한 WEBVTT 헤더를 추가하며, 타임스탬프를 00:00:01,000에서 00:00:01.000 형식으로 바꿉니다. 변환은 전부 브라우저 안에서 실행되므로 파일이 서버로 전송되지 않습니다.
SRT를 VTT로 수동 변환하는 일은 쉬워 보이지만 작은 실수로 자막이 깨질 수 있습니다. 가장 흔한 문제는 WEBVTT 헤더 누락, 서버의 잘못된 MIME-Type, 타임스탬프의 쉼표를 점으로 바꾸지 않는 경우입니다. 이 변환기는 이러한 형식 변경을 자동으로 처리합니다.
차이는 바로 보입니다. SRT는 순번과 쉼표가 들어간 타임스탬프를 사용합니다. WebVTT는 순번이 필요 없고 WEBVTT로 시작하며 밀리초에는 점을 사용합니다.
1 00:00:01,000 --> 00:00:04,000 영상에 오신 것을 환영합니다. 2 00:00:04,500 --> 00:00:07,000 이 자막은 WebVTT로 변환됩니다.
WEBVTT 00:00:01.000 --> 00:00:04.000 영상에 오신 것을 환영합니다. 00:00:04.500 --> 00:00:07.000 이 자막은 WebVTT로 변환됩니다.
자막 텍스트는 유지됩니다. 브라우저가 WebVTT로 읽을 수 있도록 구조와 타임스탬프 표기만 변경됩니다.
변환 후 VTT 파일은 <track> 요소를 통해 HTML5 비디오에 바로 사용할 수 있습니다.
<video controls width="800">
<source src="/videos/demo.mp4" type="video/mp4">
<track
src="/subtitles/demo.vtt"
kind="subtitles"
srclang="ko"
label="한국어"
default>
</video>
VTT 파일 경로가 정확한지, 서버가 파일을 text/vtt MIME-Type으로 제공하는지 확인하세요. 그렇지 않으면 브라우저가 자막 트랙을 불러오지 못할 수 있습니다.
| 항목 | SRT | VTT / WebVTT |
|---|---|---|
| 주요 목적 | 다양한 플레이어와 편집 도구에서 쓰는 단순한 자막 형식입니다. | HTML5 비디오 자막 트랙을 위한 웹 표준입니다. |
| 파일 헤더 | 헤더가 필요 없습니다. | WEBVTT로 시작해야 합니다. |
| 타임스탬프 | 00:00:01,000처럼 쉼표를 사용합니다. |
00:00:01.000처럼 점을 사용합니다. |
| HTML5 비디오 | <track>의 기본 형식이 아닙니다. |
<track src="...vtt">로 바로 사용할 수 있습니다. |
| 메타데이터 | 매우 제한적입니다. | NOTE 블록, cue settings 등 WebVTT 기능을 지원합니다. |
| 위치와 스타일 | 표준화된 스타일 옵션이 거의 없습니다. | 웹 플레이어에서 cue settings와 CSS와 비슷한 표시 방식을 지원할 수 있습니다. |
SRT는 편집 프로그램, 단순 플레이어, 파일 교환에 여전히 편리합니다. 하지만 웹사이트, 학습 플랫폼, 브라우저 기반 플레이어에서 자막을 안정적으로 보여줘야 한다면 WebVTT가 더 적합합니다.
<video>로 영상을 삽입한다면 VTT를 사용하세요.<track> 트랙으로 깔끔하게 추가할 수 있습니다.최신 브라우저는 일반적으로 WebVTT를 지원합니다. 실제 문제는 브라우저 자체보다 잘못된 서버 설정, 잘못된 파일 경로, 유효하지 않은 VTT 문법에서 발생하는 경우가 많습니다.
| 브라우저 | WebVTT 지원 | 참고 |
|---|---|---|
| Chrome | 예 | HTML5-<track>와 안정적으로 작동합니다. |
| Edge | 예 | Chromium 기반이며 Chrome과 매우 유사합니다. |
| Firefox | 예 | WebVTT를 지원하지만 경로와 MIME-Type을 엄격하게 확인합니다. |
| Safari | 예 | WebVTT를 지원합니다. iOS에서는 올바른 경로와 호스팅 설정에 특히 주의하세요. |
VTT 파일이 브라우저에 표시되지 않는다면 대개 아래 항목 중 하나가 원인입니다. 파일이 맞아 보여도 경로, 헤더, 서버 응답이 틀리면 웹 플레이어가 파일을 무시할 수 있습니다.
| 문제 | 원인 | 해결 방법 |
|---|---|---|
| WEBVTT 헤더 누락 | 파일이 첫 번째 타임스탬프로 바로 시작합니다. | 첫 줄은 WEBVTT여야 하며 그 다음에 빈 줄이 와야 합니다. |
| 잘못된 MIME-Type | 서버가 파일을 text/plain 또는 다운로드로 제공합니다. |
.vtt 파일을 text/vtt로 제공하도록 서버를 설정하세요. |
| 타임스탬프에 점 대신 쉼표 사용 | SRT는 00:00:01,000을 사용하지만 VTT는 00:00:01.000을 요구합니다. |
변환기가 타임스탬프를 WebVTT 표기로 자동 변경합니다. |
| track 태그의 경로 오류 | src 경로가 실제 VTT 파일을 가리키지 않습니다. |
<track src="..."> 속성의 경로를 확인하고 브라우저에서 직접 테스트하세요. |
기술적으로 올바른 VTT 파일은 첫 단계일 뿐입니다. 자막을 공개하기 전에는 영상에서 타이밍, 가독성, 줄바꿈, 언어 트랙이 화면과 잘 맞는지 확인해야 합니다. Subvideo.ai Studio에서는 자막을 시각적으로 편집하고 SRT, VTT, ASS 또는 MP4로 내보낼 수 있습니다.
Studio에서 자막 확인위 영역에 .srt 파일을 놓거나 클릭해서 기기에서 선택하세요.
변환기가 WEBVTT 헤더를 추가하고 SRT 블록 번호를 제거한 뒤 타임스탬프를 WebVTT 형식으로 바꿉니다.
다운로드 버튼을 눌러 변환된 WebVTT 파일(.vtt)을 즉시 저장하세요.
SRT는 번호와 쉼표 기반 타임스탬프를 사용하는 단순한 자막 형식입니다. VTT는 HTML5 비디오용 WebVTT 형식이며 WEBVTT로 시작하고 타임스탬프에 점을 사용합니다.
예. 변환은 브라우저 안에서 직접 실행됩니다. SRT 파일은 서버로 업로드되지 않습니다.
예. 무료로 사용할 수 있으며 브라우저에서 로컬로 작동합니다.
예. UTF-8 텍스트를 처리하며 악센트, 아랍어, 중국어, 일본어, 한국어 문자를 포함한 자막 텍스트를 유지합니다.
예. HTML5 track 요소로 연결하고 서버가 .vtt 파일을 text/vtt MIME-Type으로 제공하는지 확인하세요.
흔한 원인은 WEBVTT 헤더 누락, 잘못된 track 경로, 잘못된 MIME-Type, 또는 쉼표가 남아 있는 잘못된 타임스탬프입니다.
아니요. SRT 블록 번호를 제거하고 타임스탬프만 조정합니다. 자막 텍스트 안의 쉼표와 문장부호는 그대로 유지됩니다.