HTML | <track>标签属性

介绍

HTML的<track>标签属性用于为<audio>或<video>元素定义外部文本轨道。轨道可以用于提供字幕、字幕、签名或描述音频/视频内容。

属性

<track>标签具有以下属性：

• src：指定外部文件的URL，该文件包含轨道数据。必需属性。
• kind：指定轨道的类型。可取的值包括：
  • subtitles：字幕
  • captions：字幕
  • descriptions：描述
  • chapters：章节
  • metadata：元数据
• srclang：指定轨道数据中使用的语言。使用BCP 47语言标记进行指定。
• label：为轨道指定一个用户友好的标签。
• default：指定轨道是否应为默认轨道。如果存在多个<track>元素，则可以指定一个默认轨道。
• charset：指定表示音频或视频文本轨道所用字符集的字符编码。
• crossorigin：指定是否允许跨域请求外部字幕文件。
• srcset：为<track>元素指定一组备选URL。当其中某个URL无法使用时，浏览器可以尝试使用其他URL。

示例

以下是一个示例，展示了如何使用<track>标签属性来定义字幕轨道：

<video controls>
  <source src="video.mp4" type="video/mp4">

  <track src="subtitles_en.vtt" kind="subtitles" srclang="en" label="English">
  <track src="subtitles_es.vtt" kind="subtitles" srclang="es" label="Español">
</video>

在上述示例中，我们定义了两个字幕轨道。分别是英语字幕和西班牙语字幕。

常见问题

什么是字幕（subtitles）和字幕（captions）的区别？

字幕（subtitles）是用于显示字面上的视频对话或音频文字内容的文本。它通常用于在视频中提供外语字幕或辅助听障人士的内容。

字幕（captions）涵盖了字幕的功能，并且还包括在音频中提供音效和其他背景音的描述。字幕对听障人士和听觉内容的增强提供了更全面的支持。

音频文件是否可以有字幕轨道？

是的，<audio>元素也可以具有字幕轨道。只需将<track>元素嵌套在<audio>元素中，并为轨道指定正确的类型，编码和语言。

轨道文件的格式是什么？

轨道文件通常使用WebVTT（Web视频文本跟踪）格式，文件扩展名为.vtt。该格式是一种用于定位声音或视频文件中特定时间段的文本文件。

参考资料

• MDN Web文档：<track>
• W3Schools：HTML <track>标签