2014-02-25 14 views
0

我正在閱讀有關軌道元素here
軌道元素與視頻元素一起用於顯示字幕,字幕和其他文本信息。
但是,我對一件事感到困惑。使用html軌道元素是通過提示id的數據用作數據的元數據值?

該文章說屬性有一個'元數據'值,它解釋如下。

元數據
腳本使用的軌道。對用戶不可見。

我很好奇這是如何使用的。我特別尋找一個例子。腳本使用的軌道究竟如何?
我猜測webvtt文件cue id可以用來通過JavaScript啓動事件,但我不確定。

回答

0

使用元數據的一個工作示例在這裏可以看到: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或track property of the track element的textTracks財產。
  2. 你可以聽cuechange這樣的事件來得到activeCues,當然你也可以檢查這個/這些activeCues的特定ID來做出反應。

如果你想完全使用JS,你甚至不必使用webvtt文件,你可以簡單地通過JS API(addTextTrack)添加曲目。