【问题标题】:Subtitle not displaying for videojs player with Vimeo embed video带有 Vimeo 嵌入视频的 videojs 播放器不显示字幕
【发布时间】:2019-06-13 18:36:10
【问题描述】:

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

我正在使用库将 vimeo 视频嵌入到 videojs 播放器 - https://github.com/videojs/videojs-vimeo

我可以添加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>

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

【问题讨论】:

    标签: html5-video video.js vimeo webvtt


    【解决方案1】:

    您是否仍然遇到此问题? Vimeo 最近推出了一项解决方案,以解决字幕和字幕文件的问题(美国东部时间下午 2:53 左右)

    【讨论】:

    • 是的,它正在发生在我身上。你能分享任何链接吗?
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多