1
上傳任何音訊或影片檔案
拖放任何媒體檔案。我們接受所有主要格式並提取語音用於字幕生成。
- 所有音訊：MP3、WAV、M4A、AAC、OGG、FLAC、WMA
- 所有影片：MP4、MOV、AVI、MKV、WebM、WMV
- 支援最大 500 MB 的檔案
生成 WebVTT 字幕——W3C 網路影片標準
格式正確的 VTT 檔案，具有點號時間戳分隔符、WEBVTT 標頭和適用於 HTML5 <track> 元素、HLS 串流及所有現代瀏覽器的 cue 結構。
拖放文件到此處或點擊瀏覽
.mp3, .wav, .m4a, .aac, .ogg, .flac, .mp4, .mov, .avi, .mkv, .webm·最大 500MB
WebVTT：網路真正使用的字幕格式
WebVTT（Web Video Text Tracks）是 W3C 制定的 HTML5 影片字幕標準。與 SRT 不同，VTT 支援透過 ::cue 偽元素的 CSS 樣式、cue 定位和對齊設定、NOTE 註解區塊和章節標記。它是 HLS（HTTP Live Streaming）的強制字幕格式——如果您在串流影片，您需要 VTT，而非 SRT。Vocova 從任何音訊或影片來源生成符合規範的 WebVTT 檔案。
使用方法
2
AI 轉錄並格式化為 VTT
語音被轉錄並分段為 WebVTT cue，具有正確的時間、強制的 WEBVTT 標頭，以及符合 W3C 規範的點號分隔時間戳。
- 帶可選元數據區域的 WEBVTT 標頭
- 點號分隔的毫秒（HH:MM:SS.mmm）
- Cue 按自然閱讀流程分段
3
檢閱並下載您的 VTT 檔案
預覽每個 cue，需要時編輯文字，然後下載可用於 HTML5 影片播放器、HLS 串流或網路平臺的 VTT 檔案。
- 匯出前編輯 cue 文字
- 全程符合 W3C 標準的結構
- UTF-8 編碼支援所有語言
功能特色
CSS ::cue 樣式支援
WebVTT 字幕可使用 ::cue 偽元素透過 CSS 設定樣式。更改字型、顏色、大小、背景和透明度。您還可以使用 ::cue(b)、::cue(i) 和語音選擇器進行逐元素樣式設定。這是相對於 SRT 的關鍵優勢，SRT 沒有標準的樣式機制。
Cue 定位與對齊
VTT cue 支援位置、對齊、大小和行位置設定。將說話人標識字幕放在螢幕頂部，描述放在左側，或將標準對話置中。這些定位控制是 VTT 規範的一部分，不是修補方法。
NOTE 區塊用於元數據
WebVTT 支援 NOTE 註解區塊——在檔案中可見但不在螢幕上顯示的元數據。用於翻譯備註、編輯上下文、語言資訊或版本追蹤。SRT 沒有同等功能。
HLS 串流的強制格式
Apple 的 HLS 規範要求字幕使用 WebVTT——HLS 清單中不支援 SRT。如果您透過 HLS 交付影片（包括大多數 iOS 影片、Apple TV 和許多 CDN），您必須使用 VTT。我們的檔案已準備好用於 HLS 整合。
正確的 MIME 類型處理
VTT 檔案必須以 MIME 類型 text/vtt 提供。許多網頁伺服器預設以 text/plain 提供 .vtt 檔案，這導致瀏覽器拒絕它們作為字幕軌。我們在輸出中注明這一點，以便您知道正確配置伺服器——這是一個常見的陷阱，會無聲地破壞字幕。
為什麼選擇 Vocova
為 HTML5 影片添加字幕
在 <video> 標籤內使用 <track> 元素原生添加字幕。WebVTT 是 HTML5 <track> 元素唯一支援的字幕格式——SRT 在這裡不起作用。一行 HTML 即可為您的影片添加字幕。
為 HLS 影片串流添加字幕
HLS 強制要求 WebVTT 字幕。如果您使用 AWS MediaConvert、Cloudflare Stream、Mux 或任何 HLS 管線，您需要 VTT 檔案。從源媒體生成它們並包含在您的 HLS 清單中。
用您品牌的 CSS 設定字幕樣式
使用 ::cue 偽元素以您品牌的字型、顏色和背景處理設定 WebVTT 字幕樣式。移除預設的黑色背景方塊、更改文字顏色、調整字型大小——全部透過標準 CSS。
符合網路無障礙標準
WCAG 2.1 建議網路影片字幕使用 WebVTT。從您的影片內容生成 VTT 檔案，以滿足 WCAG Level A（預錄媒體字幕）和 Level AA 要求。
誰能受益
網頁開發人員
在您網站的 HTML5 影片播放器中添加 WebVTT 軌道。使用帶有 kind='captions' 或 kind='subtitles' 的 <track> 元素。透過 CSS ::cue 設定樣式，獲得原生外觀的字幕體驗。
串流基礎架構工程師
為 HLS 和 DASH 字幕軌生成 VTT 檔案。為自適應位元率清單分段 VTT 檔案。WebVTT 是 HLS 原生支援的唯一字幕格式。
線上學習平臺開發者
在 LMS 平臺中為課程影片添加字幕。大多數現代 LMS 系統（Canvas、Moodle、Blackboard）使用 HTML5 影片並期望 WebVTT 作為字幕軌。
在網路發布的內容創作者
為嵌入在您部落格、作品集或媒體網站上的影片生成 VTT 字幕檔案。WebVTT 在所有現代瀏覽器中無需外掛或 JavaScript 函式庫即可運作。
常見問題
哪些瀏覽器支援 WebVTT ::cue 樣式？
Chrome、Edge、Safari 和 Firefox 都支援基本的 ::cue 樣式（字型、顏色、背景、透明度）。Chrome 和 Edge 對進階功能如 ::cue(v[voice='Speaker'])、定位和逐元素樣式的支援最為廣泛。Firefox 和 Safari 支援核心樣式屬性，但在語音選擇器和定位方面有些限制。請在目標瀏覽器中測試您的特定樣式。
VTT 中的 NOTE 和章節標記是什麼？
NOTE 區塊是出現在檔案中但從不在螢幕上顯示的註解段落。用於翻譯指示、版本資訊或上下文。章節標記是帶有 kind='chapters' 的 cue，定義影片的命名段落——瀏覽器可將其顯示為章節導航 UI。兩者都是 VTT 獨有的功能，SRT 無法複製。
為什麼 HLS 要求 VTT 而不是 SRT？
Apple 的 HLS 規範（RFC 8216）強制字幕軌使用 WebVTT。技術原因是 VTT 從一開始就為網路交付而設計——它是 W3C 網路標準，而 SRT 是 DVD 翻錄時代的桌面格式。HLS 清單參照 VTT 片段檔案，iOS/Safari 只解析 VTT 用於 <track> 元素。如果您嘗試在 HLS 清單中使用 SRT，它將被靜默忽略。
如何移除字幕後面預設的黑色背景方塊？
黑色背景是瀏覽器預設字幕樣式添加的。用 CSS 覆蓋：'::cue { background-color: transparent; text-shadow: 2px 2px 4px rgba(0,0,0,0.8); }'。文字陰影取代背景方塊，以微妙的陰影保持文字在任何影片內容上的可讀性。注意：此樣式方法在 Chrome 和 Edge 中有效；Safari 需要不同的處理方式。
我的 VTT 檔案在本地運作但在伺服器上不行。為什麼？
幾乎可以確定是 MIME 類型問題。VTT 檔案必須以 Content-Type 'text/vtt' 提供。許多網頁伺服器預設以 'text/plain' 提供 .vtt 檔案，瀏覽器會靜默拒絕它們作為字幕軌。在伺服器配置中修復：Nginx 添加 'types { text/vtt vtt; }'，Apache 添加 'AddType text/vtt .vtt'，或在 CDN 配置中設定 Content-Type 標頭。
VTT 和 SRT 的技術差異是什麼？
除了明顯的差異（VTT 時間戳用點號，SRT 用逗號）：VTT 有強制的 'WEBVTT' 標頭，支援透過 ::cue 的 CSS 樣式，允許 cue 定位/對齊設定，包含 NOTE 註解區塊，支援語音標籤（<v Speaker>），並可定義字幕放置區域。SRT 沒有這些功能。VTT 是網路標準（W3C）；SRT 是沒有正式規範的非正式格式。
我能在 Premiere Pro 等桌面影片編輯器中使用 VTT 檔案嗎？
大多數桌面編輯器匯入 VTT 檔案，但支援程度不一。Premiere Pro 和 DaVinci Resolve 能良好處理 VTT 匯入。Final Cut Pro 偏好 SRT 但可以使用 VTT。如果您的工作流程主要是桌面編輯，SRT 可能更通用。如果您的工作流程涉及網路交付、HLS 或 HTML5 影片，VTT 是正確的選擇。
免費開始轉錄
上傳檔案，或貼上來自 YouTube、Podcast、雲端儲存與 1,000+ 平台的連結，幾分鐘內取得精準逐字稿。無需信用卡。