【发布时间】: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