2

我从这里获得的自定义 soundcloud HTML 5 soundcloud 播放器一直存在问题：https ://github.com/soundcloud/soundcloud-custom-player

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

我得到了一些临时的想法来工作

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

真的很基本，它确实可以按其编写方式单击功能。但是，由于该事件在播放器暂停时触发，所以当我单击“播放”按钮暂停时，它也会单击“.next”。

总结一下：

找到查看轨道何时结束的事件处理程序，而不是何时暂停并成功地将其实现到代码中。

4

1 回答 1

1

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

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。

于 2013-01-19T04:02:37.183 回答