- 0133技术站
- 联系QQ：88526
- QQ交流群
- 微信公众号
灭绝小师太
更新时间：2019-04-04 10:31:34
定义
textTracks 属性返回 TextTrackList 对象。
TextTrackList 对象表示音频/视频的可用文本轨道。
每个可用的文本轨道是由 TextTrack 对象表示的。
语法
audio|video.textTracks
返回值
| 类型 | 描述 |
|---|---|
| TextTrackList 对象 | 表示音频/视频的可用文本轨道。 TextioTrackList 对象： ● length - 获得音频/视频中可用的文本轨道的数量 ● [index] - 根据下标 index 来获得 TextTrack 对象 注释：第一个可用文本轨道的下标 index 是 0。 |
| TextTrack 对象 | 表示一个文本轨道。 TextTrack 对象的属性： ● kind - 获得文本轨道的类型（可以是 "subtitles"、"caption"、"descriptions"、"chapters" 或者 "metadata"） ● label - 获得文本轨道的标签 ● language - 获得文本轨道的语言 ● mode - 获得或设置该轨道是否是活动的（"disabled"|"hidden"|"showing"） ● cues - 获得 TextTrackCueList 对象的 cues 列表 ● activeCues - 获得 TextTrackCueList 对象形式的当前活动文本轨道 cues ● addCue(cue) - 向 cues 列表添加一个 cue ● removeCue(cue) - 从 cues 列表删除一个 cue |
浏览器支持
| HTML音频/视频 DOM属性 |  |  |  |  |  |
textTracks | 支持 | 不支持 | 支持 | 支持 | 支持 |
Internet Explorer 10、Opera、Chrome 和 Safari 6 支持 textTracks 属性。
注意：Internet Explorer 9 及之前的版本不支持 textTracks 属性。
获得可用文本轨道的数量：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>0133技术站(0133.cn)</title>
</head>
<body>
<video id="video1" controls="controls">
<source src="http://ss.0133.cn/ueditor/php/upload/video/20190401/1554090816407251.mp4" type="video/mp4">
<source src="http://ss.0133.cn/ueditor/php/upload/video/20190401/1554090837618222.ogg" type="video/ogg">
<track src="demo_sub.vtt">
您的浏览器不支持 HTML5 video 标签。
</video>
<br> <br>
<button onclick="getTextTracks()" type="button">获得可用文本轨道的数量</button>
<script>
myVid=document.getElementById("video1");
function getTextTracks()
{
alert(myVid.textTracks.length);
}
</script>
</body>
</html>点击 "运行实例" 按钮查看在线实例
推荐手册