tvos - 如何使用方法changeToMediaAtIndex tvmlkit js

Question

如何使用tvmlkit js中的changeToMediaAtIndex方法来改变播放列表中的视频？当我将此方法与播放器类（player.changeToMediaAtIndex（2））一起使用时，什么也没发生...

Answer 1

我也有这个问题。我的代码看起来像这样。

var player = new Player();
player.playlist = new Playlist();
this.currentMediaItemIndex = 0;
for (var i = 0; i < videoItemsList.length; ++i) {

    var video = new MediaItem('video', videoItemsList[i].videoUrl.valueOf());

    video.artworkImageURL = videoItemsList[i].artworkUrl;
    video.title = videoItemsList[i].title;
    video.resumeTime = videoItemsList[i].watchedSeconds;
    if (videoItemList[i].videoId == this.startingVideoId) {
        this.currentMediaItemIndex = i;
    }
    player.playlist.push(video);
}

player.play();
player.changeToMediaAtIndex(this.currentMediaItemIndex);

我会打电话给 play 并立即打电话来更改媒体项目。我尝试了不同的排序（更改项目后调用 play），我注意到当我单步执行代码时，它会按预期工作。请注意，this.startingVideoId在调用包含上述代码的播放函数之前，由控制器上的操作设置。videoItemsList也是上面定义的，并且具有带有视频信息的对象。

我决定添加一个事件侦听器并等到我收到来自播放器的事件后再尝试更改 currentItem。我player.changeToMediaAtIndex(this.currentMediaItemIndex);从播放功能中删除并将其移至事件侦听器中。

当像这样创建播放器时，我将事件侦听器添加到播放函数中。

    player.addEventListener("stateDidChange", this.stateDidChange);

然后我实现了事件监听器来检查播放列表，看看它在进入播放状态时是否正在播放正确的视频。

private stateDidChange = (event) => {
        if (event.state == "playing") {
            var player = <Player>event.target;
            for (var i = 0; i < player.playlist.length; ++i) {
                if (player.playlist.item(i) == player.currentMediaItem) {
                    if (i != this.currentMediaItemIndex) {
                        player.changeToMediaAtIndex(this.currentMediaItemIndex);
                    }
                    break; // break out of the loop since we don't care about the rest.
                }
            }
        }
    };

现在效果很好，并且总是从正确的位置开始。您将需要使用事件侦听器进行额外的状态跟踪，例如在轨道更改时更改 currentMediaItemIndex，但这应该能让您走上正确的轨道，我希望如此。

这里还没有很多好的 tvos 答案。希望这会有所帮助。

快乐编程。