HTML <track> 元素 被當(dāng)作媒體元素— <audio> 和 <video>的子元素來使用。它允許指定時(shí)序文本字幕(或者基于時(shí)間的數(shù)據(jù)),例如自動(dòng)處理字幕。字幕格式有 WebVTT 格式(.vtt格式文件)— Web 視頻文本字幕格式,以及指時(shí)序文本標(biāo)簽語言(TTML)格式。
track 給媒體元素添加的數(shù)據(jù)的類型在 kind 屬性中設(shè)置,屬性值可以是 subtitles, captions, descriptions, chapters 或 metadata。該元素指向當(dāng)用戶請(qǐng)求額外的數(shù)據(jù)時(shí)瀏覽器公開的包含定時(shí)文本的源文件。
一個(gè)media 元素的任意兩個(gè) track 子元素不能有相同的 kind, srclang, 和 label屬性。
帶有兩個(gè)字幕軌道的視頻:
<video width="320" height="240" controls> <source src="track.mp4" type="video/mp4"> <source src="track.ogg" type="video/ogg"> <track src="track_en.vtt" kind="track" srclang="en" label="English"> <track src="track_no.vtt" kind="track" srclang="no" label="Norwegian"> </video>
IEFirefoxOperaChromeSafari
IE 10、Opera 和 Chrome 瀏覽器支持 <track> 標(biāo)簽。
<track> 標(biāo)簽為媒體元素(比如 <audio> and <video>)規(guī)定外部文本軌道。
這個(gè)元素用于規(guī)定字幕文件或其他包含文本的文件,當(dāng)媒體播放時(shí),這些文件是可見的。
<track> 標(biāo)簽是 HTML5 中的新標(biāo)簽。
New :HTML5 中的新屬性。
屬性 | 值 | 描述 |
---|---|---|
defaultHTML5 | default | 規(guī)定該軌道是默認(rèn)的。如果用戶沒有選擇任何軌道,則使用默認(rèn)軌道。 |
kindHTML5 | captions chapters descriptions metadata subtitles | 規(guī)定文本軌道的文本類型。 |
labelHTML5 | text | 規(guī)定文本軌道的標(biāo)簽和標(biāo)題。 |
srcHTML5 | URL | 必需的。規(guī)定軌道文件的 URL。 |
srclangHTML5 | language_code | 規(guī)定軌道文本數(shù)據(jù)的語言。如果 kind 屬性值是 "subtitles",則該屬性是必需的。 |
<track> 標(biāo)簽支持 HTML 的全局屬性。
<track> 標(biāo)簽支持 HTML 的事件屬性。