javascript 使用Shaka播放器显示WebVTT字幕或副字幕

a8jjtwal  于 2022-12-17  发布在  Java
关注(0)|答案(1)|浏览(165)

我正在使用Shaka播放器播放HLS/DASH视频,效果很好。
我还有标题/字幕作为WebVTT文件,它们在HLS/DASH清单中没有引用,目前正在使用单独的<track>元素加载。
目前我对TextTracks使用原生HTML5方法(例如使用.oncuechange),但这很笨拙,并且在有多个音轨时似乎无法正常工作。既然Shaka播放器似乎有自己的音轨解析功能,我想改用 its 方法。
但是我似乎没有看到任何管理<track>元素的文档(比如https://shaka-player-demo.appspot.com/docs/api/tutorial-basic-usage.html)。有吗?有人有例子/codepen等吗?
我没有使用Shaka用户界面库,有我自己的'CC'按钮等,我只是想控制轨道使用Shaka的功能,而不是使用我自己的。
谢谢。

7cwmlq89

7cwmlq891#

Shaka播放器方法记录如下:https://shaka-player-demo.appspot.com/docs/api/shaka.Player.html .
外部WebVTT文件可以通过addTextTrackAsync()的方法添加,文档中有几种与文本管理相关的方法,下面介绍几种:

  • getTextTracks()-返回可用字幕信息列表
  • selectTextTrack(track)-选择特定音轨
  • setTextTrackVisibility(isVisible)-启用或禁用文本显示器
  • selectTextLanguage()-选择特定语言

相关问题