如何以編程方式在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中添加遠程文本跟蹤

回答

相關問題