使用html track元素是通过cue id用​​作数据的kind属性的元数据值？

Question

我正在阅读轨道元素here
track元素与video元素一起使用，以显示字幕，字幕和其他文本信息 但是，我对一件事感到困惑。

文章说 kind 属性有一个'元数据'值，它解释如下。

  

元数据
  脚本使用的轨道。用户不可见。

我很好奇这是如何使用的。我特意找一个例子。 “脚本”使用的曲目究竟是什么？ 我猜测webvtt文件cue id可用于通过JavaScript启动事件，但我不确定。

Answer 1

可以在此处查看使用元数据的工作示例：http://afarkas.github.io/webshim/demos/demos/mediaelement/track-demo.html

轮播和信息面板是根据以下元数据webvtt构建的：https://github.com/aFarkas/webshim/blob/gh-pages/demos/demos/mediaelement/assets/treeOfLife-metadata-en.vtt。

可以在此处找到源代码：https://github.com/aFarkas/webshim/blob/gh-pages/demos/demos/mediaelement/assets/track.js

1. 要访问textTrack对象，您可以使用mediaelement的textTracks属性或track property of the track element。
2. 您可以收听cuechange等事件来获取activeCues，当然您可以检查此/那些activeCues的特定ID以作出反应。

如果您想要完全使用JS，您甚至不必使用webvtt文件，只需通过JS API（addTextTrack）添加曲目即可。