如何在没有加载视频的情况下显示 HTML 个字幕？

Question

我想使用本机浏览器实现使用 HTML5 文本轨道 API (WebVTT) 显示字幕 -- 无需加载 audio/video.

如何实现？

Answer 1

无法使用本机实现。

但是，WebVTT 的 Firefox 实现 vtt.js 是 publicly available。

您需要做的就是在播放视频元素时附加一个计时器（或仅附加到任何没有视频的自定义事件）并将 vtt.js 函数应用于视频/字幕容器。

由于 Firefox VTT 实现是从它派生的，因此这是最接近本机的方式，无需使用默认的视频附加方式。