# VTT 字幕生成器：110+ 種語言的網頁字幕

生成適合網頁影片和支援 WebVTT 的工具使用的字幕。SubLunio 可辨識影片對白、翻譯為 110+ 種語言，並把同一任務匯出為 VTT、SRT 或 ASS。

## 為網頁影片準備一個可選字幕軌

WebVTT 檔案把字幕文字與媒體時間連接起來，常用於網頁播放器的字幕軌。它與影片分開儲存，觀眾可以在播放器支援的情況下打開、關閉或切換語言。SubLunio 輸出的是字幕檔案，不會替你發布網頁，也不會把本機影片自動上傳到第三方平台。

從影片中生成字幕時，先選擇包含對白的音軌。裝置本機擷取並壓縮聲音後，上傳音訊用於辨識和翻譯；影片畫面留在你的電腦。這個過程適合已經有自己網站或影片托管方案、希望補充字幕的創作者。

## 區分 VTT 與外觀相似的 SRT

兩種格式都由時間和文字組成，但 WebVTT 以 WEBVTT 標記開頭，時間裡的毫秒使用點號。不能只把一個 SRT 檔案副檔名改成 .vtt 就認為完成轉換。應從已完成任務的格式選單直接選擇 VTT，以獲得正確的結構和字元轉義。

VTT 使用 UTF-8，SubLunio 的該格式預設不添加 BOM。文字裡的尖括號和與號會按字幕語法安全處理，避免使用者臺詞被誤認為標籤。自行編輯時也應注意這些字元，尤其是技術課程中的代碼、比較運算或箭頭符號。

```text
WEBVTT

00:00:03.000 --> 00:00:05.200
工作坊在午餐後開始。

00:00:08.000 --> 00:00:10.000
請帶上你的耳機。
```

## 根據觀眾選擇語言和字幕版本

SubLunio 提供 110+ 種目標語言，來源語言仍由單獨選單決定，預設 Auto。網站介面的顯示語言不限制目標字幕：可以在中文介面製作法語 VTT，或者用英語介面準備日語字幕。開始之前明確目標觀眾，能減少下載後再整理檔案的工作。

只希望顯示翻譯時選擇譯文；需要核對辨識內容時下載原文。雙語 VTT 把兩種文字放在同一個字幕軌中，因此它不同於兩個可獨立切換的語言軌。若播放器需要讓觀眾分別選語言，通常更適合為每個目標儲存獨立檔案並正確標註。

## 把字幕接入你實際使用的播放器

網頁開發時，影片元素可通過 track 引用 VTT 檔案，並為字幕標註語言和名稱。字幕檔案應從允許訪問的位置提供，伺服器返回合適的 text/vtt 類型；跨網域託管還需要符合播放器的跨網域設定。上傳檔案之後，實際打開頁面檢查網路請求和字幕選單。

不同平台的上傳規則可能有所不同。某些工具接受 WebVTT，另一些要求 SRT 或只接受單語軌。在交付前查看目標平台目前幫助說明，使用明確支援的格式。SubLunio 提供幾種匯出方式，方便你根據接收環境選擇。

## 在目標頁面中檢查閱讀效果

字幕在 SubLunio 預覽裡正確顯示，不代表所有網頁主題都採用同樣字號和位置。接入後請在桌面和手機上檢查：控制項是否遮住文字、兩行內容是否超出畫面、深淺場景的對比是否足夠。全螢幕模式有時採用瀏覽器自己的字幕樣式，也應單獨查看。

對於阿拉伯語等從右向左書寫的語言，數字和標點尤其值得核對。平台可能對 WebVTT 的部分標記採用不同處理。先檢查一段短檔案，再批量發布多語言字幕，能較早發現環境差異，避免觀眾遇到錯誤後才逐個修正。

## 完成預覽後繼續完整字幕

訪客可以先生成從首條字幕開始、最長 5 分鐘的網頁預覽。預覽播放器使用同一個字幕時間軸，讓你檢查翻譯是否跟隨實際聲音。需要完整檔案時登入繼續，系統沿用目前任務的音訊和已有結果，無需因為登入重傳影片。

完整影片按每小時 1 美元計費，按實際時長計算並向上取整到美分。完成之後從下載選單選擇 VTT，同時保留原檔案名與語言後綴，方便未來更新網頁引用。字幕修訂後也應檢查快取，確認訪問者看到的是最新文字。

## 把 .srt 改名為 .vtt 就能用於網頁嗎？

不建議。兩者頭部與時間格式不同，請直接匯出 VTT。

## 一個雙語 VTT 等於兩個可切換的語言軌嗎？

不是。它在一個軌道裡顯示兩種文字，獨立切換通常需要分別提供兩個單語檔案。

## VTT 檔案應使用什麼響應類型？

網頁伺服器通常應返回 text/vtt，並使用 UTF-8 字元編碼。

## 為什麼網頁能播放影片卻沒有出現 VTT？

檢查字幕選單是否啟用、檔案請求是否成功、跨域權限及平台支援情況，再檢查字幕時間。

## 延伸探索

- [比較字幕格式](https://sublunio.com/zh-hant/guides/srt-vtt-ass)

- [選擇雙語輸出](https://sublunio.com/zh-hant/bilingual-subtitles)

- [創作者影片字幕](https://sublunio.com/zh-hant/creator-video-subtitles)

來源頁面: https://sublunio.com/zh-hant/vtt-subtitle-generator

最後更新: 2026-10-08