WebVTT

WebVTT(網路視訊文字軌,)是一個用來顯示與HTML5<track>元素相關的timed text的万维网联盟 (W3C)標準。

此規範的早期草稿是由WHATWG於2010年在討論HTML5應支援哪種字幕格式後所編寫的,主要選項是相對成熟,以XML為基礎的 (TTML),或是全新但更輕量,以廣泛使用的SubRip格式為基礎的標準。最後決定使用新的標準,一開始稱為WebSRT (Web Subtitle Resource Tracks)。其共享了.srt副檔名,並擴充了SubRip格式,雖然並不完全相容。此格式後來更名為WebVTT。在2011年1月13日的HTML5草稿報告中,引入了<track>元素並更新了規範以記錄WebVTT字幕文字呈現規則。WebVTT規範仍處於草稿階段,但所有主要瀏覽器都支援基本功能。

與SubRip最大的不同

  • WebVTT的第一行在選擇性的UTF-8位元組順序記號之後以WEBVTT開頭
  • 第一行與第一個字幕文字間有選擇性標頭資料的空間
  • 的小數部份是用句号而非逗號分隔
  • 的小時部份是選擇性的
  • 之前的畫面編號/識別字串是選擇性的
  • 可新增由單字NOTE所註記的註解
  • 元数据資訊可使用JSON風格的格式新增
  • 可選擇指定章節資訊
  • 僅支援將字元延展為UTF-8
  • 使用C標籤的配套HTML文件中定義的獨立檔案CSS代替FONT元素
  • 字幕設定允許在視訊上自訂字幕位置

相容性
Firefox在Firefox 24的Nightly版本中實作了WebVTT,但一開始並未預設啟用。該功能必須在Firefox的"about:config"頁面中透過將"media.webvtt.enabled"值設定為true以啟用。YouTube於2013年4月開始支援WebVTT。自2014年7月24日的Firefox 31起,Mozilla已在Firefox上預設啟用WebVTT。

.vtt檔案中的字幕會在線上顯示,但儲存在本機磁碟時並不會顯示。

WebVTT格式的範例
WEBVTT
Kind: captions
Language: en

00:09.000 --> 00:11.000
We are in New York City

00:11.000 --> 00:13.000
We are in New York City

00:13.000 --> 00:16.000
We're actually at the Lucern Hotel, just down the street

00:16.000 --> 00:18.000
from the American Museum of Natural History

00:18.000 --> 00:20.000
And with me is Neil deGrasse Tyson

00:20.000 --> 00:22.000
Astrophysicist, Director of the Hayden Planetarium

00:22.000 --> 00:24.000
at the AMNH.

00:24.000 --> 00:26.000
Thank you for walking down here.

00:27.000 --> 00:30.000
And I want to do a follow-up on the last conversation we did.

00:30.000 --> 00:31.500 align:end size:50%
When we e-mailed—

00:30.500 --> 00:32.500 align:start size:50%
Didn't we talk about enough in that conversation?

00:32.000 --> 00:35.500 align:end size:50%
No! No no no no; 'cos 'cos obviously 'cos

00:32.500 --> 00:33.500 align:start size:50%
Laughs

00:35.500 --> 00:38.000
You know I'm so excited my glasses are falling off here.

其他功能
2013年6月,規範中新增了一個範例,其中包含了新的「區域」設定。此功能自Firefox 59與Safari 14.1(iOS上則是14.5)開始支援此功能,但其他瀏覽器均不支援。

參考資料

评论 (0)

  • 还没有评论,来抢沙发吧。