HTML track 语法
在 HTML 中，track 标签用于为媒体元素（如 video 和 audio）指定文本轨道，比如字幕、章节、元数据等。这些轨道可以提供额外的信息（如下所示），帮助用户更好地理解和使用媒体内容。
- 字幕（subtitles）：为视频提供文字说明，适合听力正常但需要文字支持的用户，比如看外语视频。
- 转录（captions）：为听障人士提供对话、背景声音的文字描述。
- 章节（chapters）：为视频设置章节标题，方便用户快速跳转到特定部分。
- 描述（descriptions）：为视障人士提供对画面内容的语音描述。
- 元数据（metadata）：提供关于媒体的附加信息，如作者、标题、版权等，但不会直接展示给用户。
语法：
<track kind="类型" src="文件路径" srclang="语言代码">说明：
track 标签支持以下属性。
kind（可选）：指定文本轨道的类型，取值可以是 "subtitles"（字幕）、"captions"（转录）、"descriptions"（描述）、"chapters"（章节）、"metadata"（元数据）。src（必选）：指向文本轨道文件的路径（通常是 .vtt 格式的字幕文件）。srclang（可选）：指定轨道文件使用的语言代码，比如 en 表示英语，zh 表示中文。default（可选）：如果添加了该属性，则该轨道在未手动选择时会被默认启用。label（可选）：为轨道指定一个人类可读的标签，例如 “英文字幕” 或 “中文字幕”。
HTML track 摘要
| 属于 | HTML 标签 |
|---|---|
| 使用频率 | 低 |
| 兼容性 | 查看 |
| 官方文档 | 查看 |
| MDN | 查看 |
HTML track 示例
接下来，我们通过一个简单的例子来讲解一下 HTML track 标签是如何使用的。
示例：track 标签的基本用法
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<video controls>
<source type="video/ogg" src="medias/movie.ogg">
<source type="video/mp4" src="medias/movie.mp4">
<source type="video/webm" src="medias/movie.webm">
<track kind="subtitles" src="medias/subtitles.en.vtt" srclang="en" default label="English">
<track kind="subtitles" src="medias/subtitles.zh-CN.vtt" srclang="zh-CN" label="中文">
您的浏览器不支持此视频
</video>
</body>
</html>