HTML | DOM 视频 textTracks 属性

在HTML DOM中，textTracks属性用于获取视频的文本轨道（字幕、描述等）。

获取视频文本轨道

以下代码展示如何使用textTracks属性获取视频文本轨道：

var video = document.getElementById("myVideo");
var tracks = video.textTracks;

tracks变量将包含所有可用的字幕和描述轨道。

遍历文本轨道

使用textTracks属性获取视频文本轨道后，我们可以遍历每个轨道并获取其属性和事件。以下代码展示如何遍历文本轨道：

var tracks = video.textTracks;
for (var i = 0; i < tracks.length; i++) {
  var track = tracks[i];
  
  // 获取轨道id，语言和类型
  var id = track.id;
  var language = track.language;
  var kind = track.kind;
  
  // 轨道事件监听
  track.addEventListener("cuechange", function() {
    // 当轨道的文本状态发生变化时执行的代码...
  });
}

文本轨道类型

文本轨道有三种类型：

• subtitles：字幕轨道，通常用于显示视频的文本翻译。
• captions：描述轨道，通常用于显示视频的音频描述。
• metadata：元数据轨道，通常用于显示视频的场景说明和元数据。

轨道类型可以通过轨道对象的kind属性进行访问。

总结

textTracks属性允许程序员遍历并操作视频文本轨道。通过使用轨道对象的属性和事件，我们可以实现更丰富和交互性的视频体验。