我正在使用 Shaka 播放器播放 HLS/DASH 视频,效果很好。
我还有 WebVTT 文件形式的字幕/副标题,这些文件未在 HLS/DASH list 中引用,目前正在使用单独的 <track>
进行加载。元素。
目前,我正在使用 TextTracks 的原生 HTML5 方法(例如使用 .oncuechange
),但这很尴尬,并且当有多个轨道时似乎无法正常工作。由于 Shaka 播放器似乎有自己的轨道解析,我想改用它的方法。
但是我似乎看不到任何用于管理 <track>
的文档(类似 https://shaka-player-demo.appspot.com/docs/api/tutorial-basic-usage.html )元素。有没有?有人有任何示例/codepen 等吗?
我没有使用 Shaka UI 库,并且有自己的“CC”按钮等。我只想使用 Shaka 功能而不是使用我自己的功能来控制轨道。
谢谢。
最佳答案
Shaka 玩家方法记录如下: https://shaka-player-demo.appspot.com/docs/api/shaka.Player.html .
可以使用 addTextTrackAsync()
方法添加外部 WebVTT 文件。
文档中有多种与文本管理相关的方法,这里列举几个:
getTextTracks()
- 返回可用文本轨道的列表selectTextTrack(track)
- 选择特定轨道setTextTrackVisibility(isVisible)
- 启用或禁用文本显示selectTextLanguage()
- 选择特定语言
关于javascript - 使用Shaka播放器显示WebVTT字幕或副标题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/69048214/