HTML <track> kind属性用于指定视频和音频文件的轨道类型。如果听众或听众失聪,这将非常有用。
用法:
<track src="subtitles_en.vtt" kind="subtitles" srclang="en">
属性值:它是true或false,表示轨道的默认状态。默认情况下为false。
- captions:它定义了对话和声音效果的翻译,也适用于聋哑用户。
- metadata:它指出脚本使用的内容,但不会显示给用户。
- chapters:它定义了适合浏览媒体资源的章节标题。
- subtitles:在视频和音频中显示字幕。
- descriptions:它描述了视频或音频内容的文字描述。
范例1:此示例说明带有video元素的<track>种类属性。
<!DOCTYPE html>
<html>
<head>
<title>
HTML track kind Attribute
</title>
<style>
body {
text-align:center;
}
h1 {
color:green;
}
</style>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2>HTML track kind Attribute</h2>
<video width="420" height="240" controls>
<source src="video1" type="video/mp4">
<track src="subtitles_en.vtt" kind="subtitles"
srclang="en" label="English">
</video>
</body>
</html>
输出:
范例2:此示例说明了<track>种类属性与音频元素的结合使用。
<!DOCTYPE html>
<html>
<head>
<title>
HTML track kind Attribute
</title>
<style>
body {
text-align:center;
}
h1 {
color:green;
}
</style>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2>HTML track kind Attribute</h2>
<audio controls>
<source src="audiofile_name" type="audio/mp3">
<track src="subtitles_en.vtt" kind="subtitles"
srclang="en" label="English">
</audio>
</body>
</html>
输出:
支持的浏览器:下面列出了HTML <track> kind属性支持的浏览器:
- 谷歌浏览器18.0
- 互联网浏览器10.0
- Mozila Firefox 31.0
- Safari 6.0
- Opera 15.0
相关用法
- HTML kind属性用法及代码示例
- HTML Track kind用法及代码示例
- HTML low属性用法及代码示例
- HTML <li> value属性用法及代码示例
- HTML min属性用法及代码示例
- HTML <img> src属性用法及代码示例
- HTML <a> rel属性用法及代码示例
- HTML alt属性用法及代码示例
- HTML value属性用法及代码示例
- HTML <map> name属性用法及代码示例
- HTML dir属性用法及代码示例
- HTML rel属性用法及代码示例
- HTML for属性用法及代码示例
- HTML src属性用法及代码示例
注:本文由纯净天空筛选整理自ManasChhabra2大神的英文原创作品 HTML | <track> kind Attribute。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。