<track>：嵌入文本轨元素

此元素包含全局属性。

default

此属性表示应启用该轨道，除非用户的偏好表明另一个轨道更合适。每个媒体元素只能在一个 track 元素上使用此属性。

kind

文本轨的使用方式。如果省略，默认的类型是 subtitles。如果属性包含无效值，则会使用 metadata。允许使用以下关键字：

• subtitles

  • 字幕提供观众无法理解的内容的翻译。例如在英语电影中，非英语的语言或文本。
  • 字幕可能包含额外的内容，通常是额外的背景信息。例如《星球大战》电影开头的文字，或场景的日期、时间和地点。

• captions

  • 隐藏式字幕提供音频的文字记录，并可能包含翻译。
  • 它可能包含重要的非语言信息，例如音乐提示或音效。它可能表示提示的来源（例如音乐、文本、角色）。
  • 适合听力障碍用户或当声音被静音时使用。

• chapters

  • 章节标题用于用户浏览媒体资源时使用。

• metadata

  • 由脚本元素使用的轨道。对用户不可见。

label

用户可读的文本轨标题，浏览器在列出可用文本轨时使用。

src

轨道（.vtt 文件）的地址。必须是一个有效的 URL。必须指定此属性，并且其 URL 值必须与文档具有相同的来源——除非 track 元素的父元素 <audio> 或 <video> 有 crossorigin 属性。

srclang

轨道文本数据的语言。它必须是一个有效的 BCP 47 语言标签。如果 kind 属性设置为 subtitles，则必须定义 srclang。

track 添加到媒体中的数据类型由 kind 属性设置，该属性可以取值 subtitles、captions、chapters 或 metadata。该元素指向一个包含定时文本的源文件，当用户请求附加数据时，浏览器会暴露该文件。

一个媒体元素不能有多个具有相同 kind、srclang 和 label 的 track。

每当显示的提示（cue）发生变化时，由 track 属性表示的底层 TextTrack 都会接收到一个 cuechange 事件。即使轨道未关联媒体元素，也会发生这种情况。

如果轨道与媒体元素关联，并且 <track> 元素作为 <audio> 或 <video> 元素的子元素使用，则 cuechange 事件也会发送到 HTMLTrackElement。

let textTrackElem = document.getElementById("text-track");

textTrackElem.addEventListener("cuechange", (event) => {
  let cues = event.target.track.activeCues;
});

表示 <track> 元素的 JavaScript 接口是 HTMLTrackElement。与元素关联的文本轨可以通过 HTMLTrackElement.track 属性获取，其类型为 TextTrack。

TextTrack 对象也可以使用 HTMLMediaElement.addTextTrack() 方法添加到 HTMLVideoElement 或 HTMLAudioElement。与媒体元素关联的 TextTrack 对象存储在 TextTrackList 中，可以通过 HTMLMediaElement.textTracks 属性获取。

• WebVTT 文本轨格式
• HTMLMediaElement.textTracks