我正在閱讀有關軌道元素here
軌道元素與視頻元素一起用於顯示字幕,字幕和其他文本信息。
但是,我對一件事感到困惑。使用html軌道元素是通過提示id的數據用作數據的元數據值?
該文章說種屬性有一個'元數據'值,它解釋如下。
元數據
腳本使用的軌道。對用戶不可見。
我很好奇這是如何使用的。我特別尋找一個例子。腳本使用的軌道究竟如何?
我猜測webvtt文件cue id可以用來通過JavaScript啓動事件,但我不確定。
我正在閱讀有關軌道元素here
軌道元素與視頻元素一起用於顯示字幕,字幕和其他文本信息。
但是,我對一件事感到困惑。使用html軌道元素是通過提示id的數據用作數據的元數據值?
該文章說種屬性有一個'元數據'值,它解釋如下。
元數據
腳本使用的軌道。對用戶不可見。
我很好奇這是如何使用的。我特別尋找一個例子。腳本使用的軌道究竟如何?
我猜測webvtt文件cue id可以用來通過JavaScript啓動事件,但我不確定。
使用元數據的一個工作示例在這裏可以看到: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
如果你想完全使用JS,你甚至不必使用webvtt文件,你可以簡單地通過JS API(addTextTrack)添加曲目。