📜  HTML |<track>标签属性(1)

📅  最后修改于: 2023-12-03 15:01:15.290000             🧑  作者: Mango

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。该格式是一种用于定位声音或视频文件中特定时间段的文本文件。

参考资料