Question

我在使用自定义的Soundcloud HTML 5 soundcloud播放器时遇到了问题：https://github.com/soundcloud/soundcloud-custom-player

我要做的是将soundcloud播放器作为单个曲目加载到全屏幻灯片中。在每个曲目的最后，我想要触发一个事件，点击导航按钮，然后启动下一个播放器（由于滑块的设置方式，它不会自动读取'下一曲目'，而应该能够找到下一个单独的“播放”按钮并单击它

我已经有了一些临时的想法

$(document).bind('onPlayerPause.scPlayer', function(event){
$('.next').click();
});

非常基本，它确实以编写方式点击功能。但是，因为当玩家暂停时会触发事件，所以当我点击“播放”按钮暂停时，它也会点击“.next”。

总结：

查找事件处理程序，该事件处理程序在轨道结束时查看，而不是在暂停并成功将其实现为代码时。

Answer 1

我在soundclousd-custom-player docs中找到了这个：

onMediaTimeUpdate.scPlayer

在玩家时不断被触发   正在播放，可用于显示音轨之外的进度   玩家节点

$(document).bind('onMediaTimeUpdate.scPlayer', function(event){
    console.log(event.target, 'the track is at ' + event.position + ' out of ' + 
    event.duration + ' which is ' + event.relative + ' of the total'); 
});

当event.relative等于100％或event.positon等于event.duration时，您必须触发事件。

轨道端的Soundcloud自定义播放器事件

1 个答案: