1323

7 分钟

#HTML 的 <track> 标签

<track> HTML 元素作为媒体元素 <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。

创建于 2025/5/22

更新于 2025/5/27