使用 addTextTrack() 动态更改 videojs 字幕

2024-01-29

我正在尝试构建一些类似视频库的东西,您可以通过单击缩略图来选择要显示的视频。现在我正处于为所选视频加载适当字幕的阶段。感谢谷歌,我了解到 videojs 有一个名为 addTextTrack() 的方法来帮助我,但不幸的是没有一个好的示例或文档。毕竟我试图通过阅读 video.dev.js 代码来找到它的参数和行为。但据我了解,这个方法只有三个参数(种类、标签、语言),我不明白的是:如何设置src来加载字幕文件。我认为这是一个错误,并且无法正常工作,如果您同意我的观点,我想报告它。

下面的代码在播放器中添加了cc图标,但不显示字幕(我没有告诉他要加载的URL,怎么显示字幕)

var myPlayer = videojs('video-id');
myPlayer.addTextTrack('captions', 'En', 'English');

我检查了 videojs 5.0.0 addTextTrack 方法,没有任何重大变化。


大约一个月后我的问题没有任何答案,我还不知道为什么 addTextTrack() 不能正常工作。但感谢上帝,我找到了实现目标的方法:

动态更改所有文本轨道

var oldTracks = player.remoteTextTracks();
var i = oldTracks.length;
while (i--) {
  player.removeRemoteTextTrack(oldTracks[i]);
}
myNewTracks.forEach(function(track) {
  player.addRemoteTextTrack(track);
});
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

使用 addTextTrack() 动态更改 videojs 字幕 的相关文章

随机推荐