HTML track标签

HTML的<track>标签用于在视频或音频元素中指定外部的文本轨道。

语法

<track src="track.vtt" kind="subtitles" srclang="en" label="English">

属性

• src：指定外部文本轨道文件的URL。
• kind：指定文本轨道的类型。常用的值有："subtitles"、"captions"、"descriptions"、"chapters"和"metadata"。
• srclang：指定显示的文本轨道的语言。
• label：指定文本轨道的标签，用于在用户界面中显示。

示例

<video controls>
  <source src="video.mp4" type="video/mp4">
  
  <track src="subtitles.vtt" kind="subtitles" srclang="en" label="English">
  <track src="subtitles.vtt" kind="subtitles" srclang="zh" label="中文">
</video>

在上面的示例中，视频元素包含了两个<track>标签，分别指定了英文和中文的字幕文本轨道。用户可以根据需要选择所需的字幕轨道。

兼容性

<track>标签广泛支持所有现代的主流浏览器。

• Chrome
• Firefox
• Safari
• Edge
• Opera

总结

通过使用HTML的<track>标签，我们可以为音频或视频元素添加外部的文本轨道，提供字幕、描述、章节等内容，从而增强多媒体内容的可访问性和用户体验。