#HTML 的 <track> 标签

HTML 的 <track> 元素是媒体资源的字母轨道。通常作为媒体元素 <audio> 和 <video> 的子元素使用。

#属性

• default: 此属性表示应启用该轨道，除非用户的偏好表明另一个轨道更合适。每个媒体元素只能在一个 track 元素上使用此属性。
• kind: 文本轨的使用方式。如果省略，默认的类型是 subtitles。如果属性包含无效值，则会使用 metadata。允许使用以下关键字：
  • subtitles 字幕提供观众无法理解的内容的翻译。例如在英语电影中，非英语的语言或文本。 字幕可能包含额外的内容，通常是额外的背景信息。例如《星球大战》电影开头的文字，或场景的日期、时间和地点。
  • 字幕提供观众无法理解的内容的翻译。例如在英语电影中，非英语的语言或文本。
  • 字幕可能包含额外的内容，通常是额外的背景信息。例如《星球大战》电影开头的文字，或场景的日期、时间和地点。
  • captions 隐藏式字幕提供音频的文字记录，并可能包含翻译。 它可能包含重要的非语言信息，例如音乐提示或音效。它可能表示提示的来源（例如音乐、文本、角色）。 适合听力障碍用户或当声音被静音时使用。
  • 隐藏式字幕提供音频的文字记录，并可能包含翻译。
  • 它可能包含重要的非语言信息，例如音乐提示或音效。它可能表示提示的来源（例如音乐、文本、角色）。
  • 适合听力障碍用户或当声音被静音时使用。
  • chapters 章节标题用于用户浏览媒体资源时使用。
  • 章节标题用于用户浏览媒体资源时使用。
  • metadata 由脚本元素使用的轨道。对用户不可见。
  • 由脚本元素使用的轨道。对用户不可见。
• label: 用户可读的文本轨标题，浏览器在列出可用文本轨时使用。
• src: 轨道（.vtt 文件）的地址。必须是一个有效的 URL。必须指定此属性，并且其 URL 值必须与文档具有相同的来源——除非 track 元素的父元素 <audio> 或 <video> 有 crossorigin 属性。
• srclang: 轨道文本数据的语言。它必须是一个有效的 BCP 47 语言标签。如果 kind 属性设置为 subtitles，则必须定义 srclang。

#示例

<audio controls>
  <source src="https://www.soundhelix.com/examples/mp3/SoundHelix-Song-2.mp3" type="audio/mpeg"> <!-- 数据源 -->

  <track src="chinese.vtt" kind="subtitles" srclang="en" label="chinese">  <!-- 字幕源 -->
  <track src="english.vtt" kind="subtitles" srclang="en" label="english">  <!-- 字幕源 -->
</audio>

<track>