🌐
中階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>
適用場景
- 網站影片播放器
- 線上學習平台
- 影片串流服務
- 改善無障礙體驗,支援滿足相關 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 免費離線錄音與轉錄;離線處理時,檔案不會離開您的電腦。