TranscribeNext.comTranscribeNext.com
🌐
중간

VTT 형식: 웹 동영상 자막

HTML5 동영상과 최신 스트리밍 플랫폼용 WebVTT 자막을 내보내세요.

3분 읽기 TranscribeNext Team 2025년 1월 15일에 업데이트됨

WebVTT는 웹 브라우저와 HTML5 동영상에 맞춰 설계된 자막 형식으로 위치, 스타일, 메타데이터 확장이 가능합니다.

WebVTT란?

WEBVTT

00:00:01.200 --> 00:00:04.500
첫 번째 웹 자막입니다.

VTT와 SRT의 차이

  • VTT는 파일 맨 위에 `WEBVTT` 헤더가 필요합니다.
  • VTT는 밀리초 구분자로 점을, SRT는 쉼표를 사용합니다.
  • VTT는 위치와 스타일 같은 웹 기능을 더 폭넓게 지원합니다.
  • SRT는 일반 동영상 프로그램에서 더 널리 지원됩니다.

호환 플랫폼

  • HTML5 video 요소
  • YouTube와 Vimeo
  • 웹 기반 교육·스트리밍 플레이어
  • Chrome, Safari, Edge, Firefox

HTML5 동영상에서 사용하기

<video controls>
  <source src="video.mp4" type="video/mp4" />
  <track src="subtitles.ko.vtt" kind="subtitles" srclang="ko" label="한국어" />
</video>

적합한 용도

  • 웹사이트 동영상 플레이어
  • 온라인 강의와 교육 플랫폼
  • 브라우저 기반 미디어 앱
  • 접근성 자막과 다국어 트랙

문자 인코딩과 접근성

VTT는 UTF-8을 사용합니다. 정확한 시간과 화자 정보를 제공하면 청각 장애가 있는 사용자와 소리 없이 시청하는 사용자 모두에게 도움이 됩니다.

태그

VTTWebVTT웹 자막HTML5

관련 문서

🎬

SRT 타임스탬프 형식: hh:mm:ss,mmm 이해하기

SubRip 자막의 정확한 시간 문법과 재생 오류를 막는 규칙을 알아보세요.

📥

내보내기 개요: 알맞은 형식 선택하기

모든 내보내기 형식과 용도에 맞는 선택 방법을 알아보세요.

⏱️

타임스탬프 텍스트 변환: 원하는 순간으로 바로 이동

구간별 시간 코드를 눌러 오디오를 재생하고 TXT, SRT, JSON에 시간을 포함하는 방법을 알아보세요.

💾

JSON 형식: 개발자를 위한 구조화 데이터

구간, 시간, 메타데이터, 화자 정보가 포함된 JSON을 연동에 활용하세요.

관련 도구

VTT 형식: 웹 동영상 자막 | TranscribeNext 도움말