TranscribeNextTranscribeNext.com
🌐
中階

VTT 格式:網頁影片字幕

匯出 WebVTT 字幕,用於 HTML5 影片、網頁播放器和現代串流平台。

閱讀時間約 3 分鐘 TranscribeNext 團隊 更新日期:2025年1月15日

WebVTT(Web Video Text Tracks)是面向瀏覽器和 HTML5 播放器的字幕格式,與 SRT 類似,並提供網頁所需的擴充功能功能。

什麼是 WebVTT

VTT 是以“WEBVTT”檔案頭開頭的文字檔案,後面是帶時間資訊的字幕條目,可用於 HTML5 的 <video> 和 <audio> 元素。

WEBVTT

00:00:00.000 --> 00:00:05.230
大家好,歡迎收聽今天的Podcast。

00:00:05.230 --> 00:00:09.450
謝謝邀請,很高興來到這裡。

00:00:09.450 --> 00:00:15.120
我們直接來聊聊 AI 轉錄吧。

VTT 與 SRT 的主要區別

  • 檔案頭:VTT 以“WEBVTT”開頭
  • 時間分隔符:VTT 用句點(00:00:00.000),SRT 用逗號(00:00:00,000)
  • VTT 不要求字幕序號
  • VTT 支援樣式、定位和元資料
  • VTT 是 W3C 制定的網頁文字軌道標準

相容的平台

  • HTML5 影片播放器
  • YouTube
  • Vimeo
  • Wistia
  • Video.js
  • JW Player
  • Plyr
  • 現代網頁瀏覽器

在 HTML5 影片中使用 VTT

為 HTML5 影片播放器新增 VTT 字幕:

<video controls>
  <source src="video.mp4" type="video/mp4">
  <track kind="subtitles" src="transcription.vtt" srclang="zh-Hant" label="繁體中文">
</video>
帶有 VTT 字幕的 HTML5 影片

適用場景

  • 網站影片播放器
  • 線上學習平台
  • 影片串流服務
  • 改善無障礙體驗,支援滿足相關 WCAG 要求
  • 上傳至 YouTube 和 Vimeo
  • 移動裝置上的字幕

實用秘訣

網頁應用程式通常適合使用 VTT;傳統影片編輯軟體可優先考慮 SRT。

字元編碼

VTT 檔案以 UTF-8 編碼匯出,支援多語言 Unicode 字元。

無障礙用途

WebVTT 字幕可以幫助以下使用者和使用場景:

  • 聾人和聽力障礙使用者
  • 不熟悉音訊所用語言的觀眾
  • 不方便播放聲音的環境
  • 為影片內容提供可索引的文字
  • 為滿足 WCAG 2.1 AA 的相關字幕要求提供支援

標籤

VTTWebVTT字幕網頁HTML5

相關文章

🎬

SRT 時間戳記格式:詳解 hh:mm:ss,mmm

逐項瞭解 SubRip 時間戳記 hh:mm:ss,mmm --> hh:mm:ss,mmm 的含義、常見格式錯誤、它與 VTT 和 SBV 的區別,以及如何從 TranscribeNext 匯出 SRT。

📥

匯出指南:選擇合適的格式

瞭解各種匯出格式,以及它們各自適合的使用場景。

⏱️

帶時間戳記的轉錄:跳轉到錄音位置

透過文字分段的時間戳記定位錄音,搜尋文字後跳轉收聽,並按需匯出時間資訊。

💾

JSON 格式:面向開發者的結構化資料

匯出包含文字分段、時間戳記、檔案資訊和講者資訊的 JSON 資料,便於開發和整合。

相關工具

  • 支援的音訊與影片格式 — 包括 MP3、WAV、OGG、MP4、MPEG 等格式,以及各格式的限制與使用建議。
  • Mac 轉錄應用程式 — 使用 Whisper 和 Parakeet 免費離線錄音與轉錄;離線處理時,檔案不會離開您的電腦。
VTT 格式:網頁影片字幕 | TranscribeNext 說明