HTML参考手册
标签 | Elements
track
HTML 元素作为媒体元素的子和。它允许您指定定时文本轨道(或基于时间的数据),例如自动处理字幕。曲目格式为WebVTT格式(文件) - 网络视频文本曲目。<track>
<audio><video>.vtt
内容类别 |
没有 |
---|---|
允许的内容 |
没有,这是一个空的元素。 |
标记遗漏 |
由于它是空白元素,所以开始标记必须存在,并且结束标记不得存在。 |
允许 parents |
媒体元素,在任何流内容之前。 |
允许ARIA角色 |
没有 |
DOM界面 |
HTMLTrackElement |
属性
该元素包含全局属性。
default
属性表示应该启用该轨道,除非用户的偏好指示另一个轨道更合适。这只能用于track
每个媒体元素的一个元素。kind
文本轨道是如何使用的。如果省略,则默认类型为subtitles
。如果该属性不存在,它将使用属性subtitles
。如果属性包含无效值,它将使用metadata
。(52之前版本的Chrome将无效值视为subtitles
。)允许使用以下关键字:
-
subtitles
- 字幕提供翻译观众无法理解的内容。例如在英语电影中不是英语的对话或文本。
- 字幕可能包含额外的内容,通常是额外的背景信息。例如,“星球大战”电影开头的文字,或场景的日期,时间和地点。
-
captions
- 隐藏式字幕提供了一个转录,可能还包括音频的翻译。
- 它可能包含重要的非语言信息,如音乐提示或音效。它可能指示提示的来源(例如音乐,文字,字符)。
- 适用于聋哑人或声音静音的用户。
-
descriptions
- 视频内容的文字描述。
- 适合盲人或无法看到视频的用户。
-
chapters
- 章节标题旨在用户在浏览媒体资源时使用。
-
metadata
- 脚本使用的轨道。对用户不可见。
label
列出可用文本轨道时浏览器使用的文本轨道的用户可读标题。src
曲目地址(.vtt
文件)。必须是有效的网址。这个属性必须被定义。srclang
轨道文本数据的语言。它必须是有效的BCP 47语言标签。如果kind
属性设置为subtitles,
则srclang
必须定义。
使用说明
数据的类型 track
添加到介质被设置在所述kind
属性,这可能需要subtitles
,captions
,descriptions
,chapters
或metadata
的值。元素指向一个源文件,其中包含浏览器在用户请求附加数据时公开的定时文本。
media
元素不能有一个以上track
具有相同kind
,srclang
和label
。
例子
<video controls poster="/images/sample.gif">
<source src="sample.mp4" type="video/mp4">
<source src="sample.ogv" type="video/ogv">
<track kind="captions" src="sampleCaptions.vtt" srclang="en">
<track kind="descriptions"
src="sampleDescriptions.vtt" srclang="en">
<track kind="chapters" src="sampleChapters.vtt" srclang="en">
<track kind="subtitles" src="sampleSubtitles_de.vtt" srclang="de">
<track kind="subtitles" src="sampleSubtitles_en.vtt" srclang="en">
<track kind="subtitles" src="sampleSubtitles_ja.vtt" srclang="ja">
<track kind="subtitles" src="sampleSubtitles_oz.vtt" srclang="oz">
<track kind="metadata" src="keyStage1.vtt" srclang="en"
label="Key Stage 1">
<track kind="metadata" src="keyStage2.vtt" srclang="en"
label="Key Stage 2">
<track kind="metadata" src="keyStage3.vtt" srclang="en"
label="Key Stage 3">
<!-- Fallback -->
...
</video>
规格
规范 |
状态 |
评论 |
---|---|---|
WHATWG HTML规范该标准中“轨道元素”的定义。 |
Living Standard |
|
HTML5规范“轨道元素”的定义。 |
Recommendation |
初始定义 |
浏览器兼容性
Feature |
Chrome |
Edge |
Firefox (Gecko) |
Internet Explorer |
Opera |
Safari |
---|---|---|---|---|---|---|
Basic support |
23 |
(Yes) |
24 (24)2 |
10 |
12.10 |
6 |
src attribute settable |
? |
(Yes) |
50 (50)3 |
? |
? |
? |
Invalid kind value as metadata |
No support |
? |
No support |
No support |
No support |
No support |
Feature |
Android |
Edge |
Firefox Mobile (Gecko) |
IE Mobile |
Opera Mobile |
Safari Mobile |
---|---|---|---|---|---|---|
Basic support |
251 |
(Yes) |
24.0 (24)2 |
No support |
No support |
No support |
src attribute settable |
? |
(Yes) |
50.0 (50)3 |
No support |
No support |
No support |
Invalid kind value as metadata |
No support |
? |
No support |
No support |
No support |
No support |
1. 在Chrome for Android中,<track>
元素尚不适用于全屏视频。
2 .<track>
元素,HTMLTrackElement
接口和相关的API在首选项后面的Firefox 24中实现,media.webvtt.enabled
默认情况下它是禁用的。要启用WebVTT支持,请将此首选项设置为true
。WebVTT在Firefox 31中默认启用,可以通过将首选项设置为禁用false
。
3. 在Firefox 50之前,src
属性是可设置的,但更改无法正确处理。从Firefox 50开始,现有轨道数据已妥善处理,新轨道数据已加载并生效等等。
标签 | Elements相关
超文本标记语言,它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件,通过在文本文件中添加标记符,可以告诉浏览器如何显示其中的内容(如:文字如何处理,画面如何安排,图片如何显示等)。浏览器按顺序阅读网页文件,然后根据标记符解释和显示其标记的内容,对书写出错的标记将不指出其错误,且不停止其解释执行过程,编制者只能通过显示效果来分析出错原因和出错部位。但需要注意的是,对于不同的浏览器,对同一标记符可能会有不完全相同的解释,因而可能会有不同的显示效果。