版本:HTML5
HTML元素被當(dāng)作媒體元素—和的子元素來使用。它允許指定時(shí)序文本字幕(或者基于時(shí)間的數(shù)據(jù)),例如自動(dòng)處理字幕。字幕格式有WebVTT格式(.vtt格式文件)—Web視頻文本字幕格式,以及指時(shí)序文本標(biāo)記語言(TTML)格式。
瀏覽器支持
| | | | |
| IE 10、Opera 和 Chrome 瀏覽器支持標(biāo)簽。 |
示例
...
標(biāo)簽定義及使用說明
標(biāo)簽為媒體元素(比如 and )規(guī)定外部文本軌道。
這個(gè)元素用于規(guī)定字幕文件或其他包含文本的文件,當(dāng)媒體播放時(shí),這些文件是可見的。
給媒體元素添加的數(shù)據(jù)的類型在kind屬性中設(shè)置,屬性值可以是subtitles,captions,descriptions,chapters或metadata。該元素指向當(dāng)用戶請求額外的數(shù)據(jù)時(shí)瀏覽器公開的包含定時(shí)文本的源文件。
一個(gè)元素的任意兩個(gè)子元素不能有相同的kind,srclang,和label屬性。

使用上下文
| 內(nèi)容分類 | 無 |
| 允許的內(nèi)容 | 無,它是一個(gè)空元素。 |
| 標(biāo)簽省略 | 允許省略,因?yàn)樗且粋€(gè)空元素,所以開始標(biāo)簽必須存在,結(jié)束標(biāo)記可以省略。 |
| 允許的父元素 | 媒體元素,流內(nèi)容之前。 |
| 允許的ARIA角色 | 無 |
| DOM接口 | HTMLTrackElement |
屬性
該元素包含全局屬性。
default該屬性定義了該track應(yīng)該啟用,除非用戶首選項(xiàng)指定了更合適一個(gè)track。每個(gè)媒體元素里面只有一個(gè)元素可以有這個(gè)屬性。kind定義了 text track 應(yīng)該如何使用。如果省略了該屬性,默認(rèn)的 kind 值就是subtitles。下面是允許的關(guān)鍵字:
- subtitles
- 字幕給觀影者看不懂的內(nèi)容提供了翻譯。比如英文電影里非英文的對話框或者文字。
- 字幕可能包含額外的內(nèi)容,通常有附加的背景信息。比如在電影星球大戰(zhàn)開頭的文字,或者某個(gè)場景的日期,時(shí)間,還有地點(diǎn)。
- captions
- 隱藏式字幕提供了音頻的轉(zhuǎn)錄甚至是翻譯。
- 可能包含重要的非言語的信息,比如音樂提示或者音效。可以指定提示音的源文件(e.g. music, text, character).
- 適用于耳聾的用戶或者當(dāng)調(diào)成靜音的時(shí)候。
- descriptions
- 視頻內(nèi)容的文本描述。
- 適用于失明用戶或者當(dāng)視頻不可見的場景。
- chapters
- 章節(jié)標(biāo)題用于用戶瀏覽媒體資源的時(shí)候。
- metadata
label當(dāng)列出可用的text tracks時(shí),給瀏覽器使用的text track的標(biāo)題,這種標(biāo)題是用戶可讀的。srctrack的地址。必須是合法的URL。該屬性必須定義。srclangtrack文本數(shù)據(jù)的語言。它必須是合法的 BCP 47 語言標(biāo)簽。如果kind屬性被設(shè)為subtitles,那么srclang必須定義。
可選的屬性
HTML5新增:HTML5 中的新屬性。
屬性值描述
| default HTML5新增 | default | 規(guī)定該軌道是默認(rèn)的。如果用戶沒有選擇任何軌道,則使用默認(rèn)軌道。 |
| kind HTML5新增 | captionschaptersdescriptionsmetadatasubtitles | 規(guī)定文本軌道的文本類型。 |
| label HTML5新增 | text | 規(guī)定文本軌道的標(biāo)簽和標(biāo)題。 |
| src HTML5新增 | URL | 必需的。規(guī)定軌道文件的 URL。 |
| srclang HTML5新增 | language_code | 規(guī)定軌道文本數(shù)據(jù)的語言。如果 kind 屬性值是"subtitles",則該屬性是必需的。 |
HTML 4.01 與 HTML5之間的差異
標(biāo)簽是 HTML5 中的新標(biāo)簽。
全局屬性
標(biāo)簽支持HTML 的全局屬性。
事件屬性
標(biāo)簽支持HTML 的事件屬性。
實(shí)例
帶有兩個(gè)字幕軌道的視頻: