Question

我正在添加到videojs播放器中的文本轨道未在播放器中显示。

我正在使用库-https://github.com/videojs/videojs-vimeo

将vimeo视频嵌入到videojs播放器中

我可以添加remoteTextTrack，并且可以看到提示已添加到控制台的“文本”轨道中，但是对于所有提示，displayState都显示为undefined，即字幕无法渲染的原因。不明白为什么会这样。

这就是我添加的方式：

playerRef.remoteTextTracks().tracks_.forEach(remoteTrack => {
  const currCue = new VTTCue(stTime, enTime, "HARI SHANKAR");
  remoteTrack.addCue(currCue);
});

这是我在控制台中得到的响应 VTTCue：

0: VTTCue
addEventListener: ƒ addEventListener()
align: "middle"
dispatchEvent: ƒ dispatchEvent()
displayState: undefined
endTime: 5
hasBeenReset: false
id: ""
line: "auto"
lineAlign: "start"
onenter: null
onexit: null
originalCue_: VTTCue {vertical: "", snapToLines: true, line: "auto", position: "auto", size: 100, …}
pauseOnExit: false
position: 50
positionAlign: "middle"
region: null
removeEventListener: ƒ removeEventListener()
size: 50
snapToLines: true
startTime: 0
text: "HARI SHANKAR"
track: null
vertical: ""

我也尝试过使用<track>作为添加VTT文件：

<video ref={node => (this.videoNode = node)} className="video-js">
  <track kind="captions" src="/sample.vtt" srcLang="en-US"label="English" />
</video>

即使这样，我也无法获得任何字幕。有人可以帮忙吗？

Answer 1

这个问题还在为您发生吗？ Vimeo最近推出了修复程序，以解决字幕和字幕文件问题（美国东部时间下午2:53）

带有Vimeo嵌入视频的videojs播放器未显示字幕

1 个答案: