track元素(跟踪元素)【新元素

使用track元素能够给视频或者声音文件添加字幕。不仅仅是字幕,还有解说、屏幕阅读器说明和章节都可以添加到视频和声音中。可以进行不同语言字幕的切换,给字幕添加标题,调节字幕位置。

属性

1、kind属性
指定字幕种类,其值为subtitles、captions。
2、src属性
指定字幕文档的URL。
3、srclang属性
指定字幕语言。
4、label属性
指定字幕的标签。
5、default属性
当有数个track元素存在时,默认其中一个,属于逻辑属性。
kind属性的值及其说明
说明
subitles 用于对话字幕、翻译字幕,主要用于电影的字幕等,针对能听到声音但是听不懂的人群;
captions 用于对话字幕、翻译字幕,而且包含音效部分。主要用于当关闭声音时,也能理解视频的内容,含义。
descriptions 不仅对话内容,包括音效、场景说明等,使用文本、声音再现视频的内容。主要用于开车时,或者有视觉障碍的人。
chapters 主题、题目信息。主要用于根据这些信息跳至特定的播放位置。
metadata 提供给脚本语言的信息。

使用例

<video controls width="400" height="300">

<source src="material/sample.mp4" type="video/mp4" />

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

<track src="material/zh.vtt" label="chinese subtitles" kind="subtitles" srclang="zh" default />

</video>

浏览器上的显示结果↓


X

浏览器支持情况

元素
track 10.0 27 31 6.1 23