Текстовые дорожки, которые я добавляю в проигрыватель 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: ""
Я также пытался добавить файл VTT, используя <track>
как:
<video ref={node => (this.videoNode = node)} className="video-js">
<track kind="captions" src="/sample.vtt" srcLang="en-US"label="English" />
</video>
, даже таким образом я не мог получить подписи.Может кто-нибудь помочь?