?
Dieses Dokument verwendet PHP-Handbuch für chinesische Websites Freigeben
HTML 元素作為媒體元素的子和。它允許您指定定時文本軌道（或基于時間的數(shù)據(jù)），例如自動處理字幕。曲目格式為WebVTT格式（文件） - 網(wǎng)絡(luò)視頻文本曲目。<track> <audio><video>.vtt
內(nèi)容類別 | 沒有 |
|---|---|
允許的內(nèi)容 | 沒有，這是一個空的元素。 |
標記遺漏 | 由于它是空白元素，所以開始標記必須存在，并且結(jié)束標記不得存在。 |
允許 parents | 媒體元素，在任何流內(nèi)容之前。 |
允許ARIA角色 | 沒有 |
DOM界面 | HTMLTrackElement |
屬性
該元素包含全局屬性。
default屬性表示應該啟用該軌道，除非用戶的偏好指示另一個軌道更合適。這只能用于track每個媒體元素的一個元素。kind文本軌道是如何使用的。如果省略，則默認類型為subtitles。如果該屬性不存在，它將使用屬性subtitles。如果屬性包含無效值，它將使用metadata。（52之前版本的Chrome將無效值視為subtitles。）允許使用以下關(guān)鍵字：
subtitles字幕提供翻譯觀眾無法理解的內(nèi)容。例如在英語電影中不是英語的對話或文本。
字幕可能包含額外的內(nèi)容，通常是額外的背景信息。例如，“星球大戰(zhàn)”電影開頭的文字，或場景的日期，時間和地點。
captions隱藏式字幕提供了一個轉(zhuǎn)錄，可能還包括音頻的翻譯。
它可能包含重要的非語言信息，如音樂提示或音效。它可能指示提示的來源（例如音樂，文字，字符）。
適用于聾啞人或聲音靜音的用戶。
descriptions視頻內(nèi)容的文字描述。
適合盲人或無法看到視頻的用戶。
chapters章節(jié)標題旨在用戶在瀏覽媒體資源時使用。
metadata腳本使用的軌道。對用戶不可見。
label列出可用文本軌道時瀏覽器使用的文本軌道的用戶可讀標題。src曲目地址（.vtt文件）。必須是有效的網(wǎng)址。這個屬性必須被定義。srclang軌道文本數(shù)據(jù)的語言。它必須是有效的BCP 47語言標簽。如果kind屬性設(shè)置為subtitles,則srclang必須定義。
使用說明
數(shù)據(jù)的類型 track添加到介質(zhì)被設(shè)置在所述kind屬性，這可能需要subtitles，captions，descriptions，chapters或metadata的值。元素指向一個源文件，其中包含瀏覽器在用戶請求附加數(shù)據(jù)時公開的定時文本。
media元素不能有一個以上track具有相同kind，srclang和label。
例子
<video controls poster="/images/sample.gif"> <source src="sample.mp4" type="video/mp4"> <source src="sample.ogv" type="video/ogv"> <track kind="captions" src="sampleCaptions.vtt" srclang="en"> <track kind="descriptions" src="sampleDescriptions.vtt" srclang="en"> <track kind="chapters" src="sampleChapters.vtt" srclang="en"> <track kind="subtitles" src="sampleSubtitles_de.vtt" srclang="de"> <track kind="subtitles" src="sampleSubtitles_en.vtt" srclang="en"> <track kind="subtitles" src="sampleSubtitles_ja.vtt" srclang="ja"> <track kind="subtitles" src="sampleSubtitles_oz.vtt" srclang="oz"> <track kind="metadata" src="keyStage1.vtt" srclang="en" label="Key Stage 1"> <track kind="metadata" src="keyStage2.vtt" srclang="en" label="Key Stage 2"> <track kind="metadata" src="keyStage3.vtt" srclang="en" label="Key Stage 3"> <!-- Fallback --> ... </video>
規(guī)格
規(guī)范 | 狀態(tài) | 評論 |
|---|---|---|
WHATWG HTML規(guī)范該標準中“軌道元素”的定義。 | Living Standard | |
HTML5規(guī)范“軌道元素”的定義。 | Recommendation | 初始定義 |
瀏覽器兼容性
Feature | Chrome | Edge | Firefox (Gecko) | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|---|
Basic support | 23 | (Yes) | 24 (24)2 | 10 | 12.10 | 6 |
src attribute settable | ? | (Yes) | 50 (50)3 | ? | ? | ? |
Invalid kind value as metadata | No support | ? | No support | No support | No support | No support |
Feature | Android | Edge | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|---|
Basic support | 251 | (Yes) | 24.0 (24)2 | No support | No support | No support |
src attribute settable | ? | (Yes) | 50.0 (50)3 | No support | No support | No support |
Invalid kind value as metadata | No support | ? | No support | No support | No support | No support |
1. 在Chrome for Android中，<track>元素尚不適用于全屏視頻。
2 .<track>元素，HTMLTrackElement接口和相關(guān)的API在首選項后面的Firefox 24中實現(xiàn)，media.webvtt.enabled默認情況下它是禁用的。要啟用WebVTT支持，請將此首選項設(shè)置為true。WebVTT在Firefox 31中默認啟用，可以通過將首選項設(shè)置為禁用false。
3. 在Firefox 50之前，src屬性是可設(shè)置的，但更改無法正確處理。從Firefox 50開始，現(xiàn)有軌道數(shù)據(jù)已妥善處理，新軌道數(shù)據(jù)已加載并生效等等。