Skip to content

texttracks.md

Latest commit

 

History

History
69 lines (48 loc) · 2.43 KB

texttracks.md

File metadata and controls

69 lines (48 loc) · 2.43 KB

HTML Audio/Video DOM textTracks 属性

示例

获取可用文本轨道的数量：

<button onclick="myFunction()" type="button">获取可用文本轨道的数量</button><br> 

<video id="myVideo" width="320" height="176" controls>
  <source src="../../../assets/mov_bbb.mp4" type="video/mp4">
  <track src="../../../assets/demo_sub.vtt">
  您的浏览器不支持 HTML5 视频。
</video>

<script>
  var vid = document.getElementById("myVideo");
  function myFunction() { 
    alert(vid.textTracks.length);
  }
</script>

JavaScript:

var vid = document.getElementById("myVideo");
alert(vid.textTracks.length);

定义和用法

textTracks 属性返回一个 TextTrackList 对象。

TextTrackList 对象表示音频/视频的可用文本轨道。

每个可用的文本轨道都由一个 TextTrack 对象表示。

浏览器支持

表中的数字指定了完全支持该属性的第一个浏览器版本。

属性 Property chrome edge firefox safari opera
textTracks Yes 10.0 33.0 6.0 Yes

语法

audio|video.textTracks

返回值

类型 Type 描述 Description
TextTrackList Object 表示音频/视频的可用文本轨道。TextioTrackList 对象：
* 长度 - 获取音频/视频中可用的文本轨道数
* [index] - 通过索引获取 TextTrack 对象
注意： 第一个可用的 TextTrack 对象是 index 0
TextTrack Object 表示一个文本轨道。TextTrack 对象属性：
* kind - 获取文本轨道的类型（可以是：subtitles、caption、descriptions、chapters或metadata）
* label - 获取文本轨道的标签
* language - 获取文本轨道的语言
* mode - 获取或设置轨道是否处于活动状态（disabled,hidden,showing）
* cues - 获取 cue 列表作为 TextTrackCueList 对象
* activeCues - 获取当前活动的文本轨道提示作为 TextTrackCueList 对象
* addCue(cue) - 在提示列表中添加一个提示
* removeCue(cue) - 从提示列表中删除一个提示