Javascript 如何在videojs中以编程方式添加RemoteTextTrack

我正在使用videojs，希望从URL添加标题。但玩家并没有像预期的那样做。 我的代码如下

HTML

---

事实证明，在任何API调用之前都需要ready函数

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
});

---

事实证明，在任何API调用之前都需要ready函数

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
});

我构建了一个基于HTML-5“video js”的页面，实现了软字幕 （使用VTT）

您可能想查看它的源代码，并查看是否有任何代码 这对你的努力很有用。页面如下：

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

我构建了一个基于HTML-5“video js”的页面，实现了软字幕 （使用VTT）

您可能想查看它的源代码，并查看是否有任何代码 这对你的努力很有用。页面如下：

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

---

在网上搜索数小时后。终于找到了这个有用的答案@席晓的版面评论是“误判”，应该是0以上的数字。 所以在你加上

player.addRemoteTextTrack(captionOption);
const tracks = player.remoteTextTracks(); 
console.log(tracks.length); // print out greater than 0

然后，您可以通过以下方式打开标题按钮：

for (let i = 0; i < tracks.length; i++) { 
    const track = tracks[i];
    if(track.kind==='captions' && track.language === 'eng') {
        track.mode = 'showing';
    }
  }
}

for（设i=0；i

---

所有这些代码都在ready块中。

在搜索了数小时的internet后。终于找到了这个有用的答案@席晓的版面评论是“误判”，应该是0以上的数字。 所以在你加上

player.addRemoteTextTrack(captionOption);
const tracks = player.remoteTextTracks(); 
console.log(tracks.length); // print out greater than 0

然后，您可以通过以下方式打开标题按钮：

for (let i = 0; i < tracks.length; i++) { 
    const track = tracks[i];
    if(track.kind==='captions' && track.language === 'eng') {
        track.mode = 'showing';
    }
  }
}

for（设i=0；i

所有这些代码都在ready块中