如何以编程方式在videojs中添加远程文本跟踪

我正在使用videojs并希望从URL添加标题。但玩家没有按预期做到。我的代码如下。如何以编程方式在videojs中添加远程文本跟踪

HTML

<video id="media-player" class="video-js vjs-default-skin"> 

    </video>

JavaScript代码

let videoOption = { 
     controls: true, 
     autoplay: true, 
     fluid: true, 
     preload: 'auto', 
     poster: 'http://remote-url/1.png', 
     sources: [{ 
      src: 'http://remote-url/1.mp4', 
      type: 'video/mp4' 
     }] 
     }; 

    let captionOption = { 
    kind: 'captions', 
    srclang: 'en', 
    label: 'English', 
    src: 'http://remote-url/1.vtt' 
    }; 

    const player = videojs('media-player', videoOption); 
    player.addRemoteTextTrack(captionOption); // palyer does not load caption 
    console.log(player.textTracks().length) // print out => 0 
    console.log(player.remoteTextTracks().length) // print out => 0

来源

2017-06-13 Xi Xiao

事实证明，准备功能是任何API调用之前需要。

let player = videojs('media-player', videoOption); 
player.ready(function() { 
    player.addRemoteTextTrack(captionOption); 
    console.log(player.textTracks().length) // print out => 0 
    console.log(player.remoteTextTracks().length) // print out => 0 
});

来源

2017-06-13 13:20:31

我已经建立了一个HTML-5 “视频JS” 以诚为本，实现软字幕（使用VTT）页面。

您可能想查看它的源代码，并查看是否有任何编码对您的工作有用。页面在这里：

http://weasel.firmfriends.us/Soft-VTT-Cloud/

来源

2017-06-13 14:37:42 Dave

如何以编程方式在videojs中添加远程文本跟踪

回答

相关问题