JWPlayer如何從Javascript中更改Captions Track？

Question

在JWPlayer中，如何更改（或設置）Caption Tracks，就像我喜歡的那樣。通過點擊外部HTML按鈕可以說。

比方說：

• 如果我點擊HTML [ Button 1]視頻將與 「eng.srt」 加上標題。
• 如果我點擊html [ Button 2]該視頻將標題爲「esp.srt」。

而且可能從一開始就沒有字幕軌道。相應的字幕軌將只設置在HTML按鈕點擊（即使打？）

Answer 1

您可以使用此javascript-api-reference

標題

這些API調用用來聽來改變字幕或者在視頻提供一個或多個隱藏字幕軌道時更新有效字幕 軌道。 此API可用於記錄字幕使用情況或在JW Player外部構建您自己的CC菜單 。

setCurrentCaptions（指數） 更改可見字幕軌道所提供的指數。索引必須在getCaptionsList提供的列表中。請注意，索引0總是將字幕關閉。

onCaptionsList（回調） 當可用字幕軌道列表更新時觸發。播放列表項目開始播放後不久就會發生。事件屬性： 音軌（陣列）：帶有新字幕音軌的完整陣列。

onCaptionsChange（回調） 有效字幕軌道更改時觸發。在響應例如用戶單擊控制欄CC菜單或調用setCurrentCaptions的腳本。事件屬性： track（Number）：getCaptionsList（）數組中新有效字幕軌道的索引。請注意，如果曲目爲0，則標題爲關。

實例建立

<div id="myElement"></div> 
<div id="Off_sub">OFF</div> 
<div id="Eng_sub">ENG</div> 
<div id="Farsi_sub">FARSI</div> 
<div id="Jap_sub">JAPANESE</div> 
<div id="Russ_sub">RUSSIAN</div> 

<script> 
    jwplayer("myElement").setup({ 
     playlist: [{ 
     image: "/uploads/myPoster.jpg", 
     file: "/uploads/myVideo.mp4", 
     tracks: [ 
      { file: "/uploads/myCaptionsEn.vtt", label: "English", kind: "subtitles" }, 
      { file: "/uploads/myCaptionsFa.vtt", label: "Farsi", kind: "subtitles" }, 
      { file: "/uploads/myCaptionsJa.vtt", label: "Japanese", kind: "subtitles" }, 
      { file: "/uploads/myCaptionsRu.vtt", label: "Russian", kind: "subtitles" } 
     ] 
     }] 
    }); 
</script> 

YOUR REQUIREMENT

<script> 

$("#Off_sub").click(function(){ 
    jwplayer("myElement").setCurrentCaptions(0);//off the caption 
}); 
$("#Eng_sub").click(function(){ 
    jwplayer("myElement").setCurrentCaptions(1);//Eng caption 
}); 
$("#Farsi_sub").click(function(){ 
    jwplayer("myElement").setCurrentCaptions(2);//Farsi caption 
}); 
$("#Jap_sub").click(function(){ 
    jwplayer("myElement").setCurrentCaptions(3);//Japanese caption 
}); 
$("#Russ_sub").click(function(){ 
    jwplayer("myElement").setCurrentCaptions(4);//Russian caption 
}); 
</script> 

請參考下表API爲更好地理解：

Javascript API Reference

Multiple Subtitle Tracks

Adding Video Captions

希望它能幫助:)