HTML技术文档：track标签

概述

track标签使我们能够为视频或音频文件添加字幕或其他类型的文本轨道。它是HTML5新引入的标签，支持多种轨道类型，包括字幕、章节、描述等。

使用方法

基本结构

在视频或音频标签中插入track标签来添加轨道，基本结构如下：

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

<audio controls>
    <source src="audio.mp3">
    <track src="caption.vtt" kind="captions" srclang="en" label="English">
</audio>

属性

• src：轨道文件的URL。
• kind：轨道类型，包括：
  • subtitles（字幕）
  • captions（标题）
  • descriptions（描述）
  • chapters（章节）
  • metadata（元数据）
• srclang：轨道文件的语言，使用ISO标准语言代码。
• label：给轨道添加标签，可以为空。

轨道文件格式

track标签支持多种轨道文件格式，包括：

• WebVTT：.vtt
• SRT：.srt
• TTML：.ttml
• DFXP：.dfxp

其中WebVTT是HTML5推荐格式，也是最常用的格式之一。

注意事项

• 轨道文件的编码格式应该为UTF-8。
• srclang属性应该与轨道文件的语言类型相对应。
• 每个轨道标签应该对应唯一的轨道文件。
• 如果使用多个轨道文件，应该分别用不同的轨道标签来指定。

可用性

track标签得到了所有主流浏览器的支持，如Chrome、Safari、Firefox等。对于不支持track的浏览器，轨道文件将不会被显示。