我正在使用 HTML5 Soundcloud 小部件 API 在声音完成事件中跳到另一首歌曲。
http://jsbin.com/axuzoj/4/edit
不幸的是,完成事件中似乎存在竞争条件错误。Soundcloud 播放器最终同时播放两首歌曲:列表中的下一首歌曲和在完成事件处理程序中跳过的歌曲。
var widget = null;
$(function() {
var iframe = document.querySelector('#soundcloud_player iframe');
widget = SC.Widget(iframe);
widget.bind(SC.Widget.Events.READY, function() {
widget.bind(SC.Widget.Events.FINISH, function() {
widget.skip(3);
});
});
});
这是一个已知的错误?
有没有更好的方法在声音结束后跳到不同的轨道?
有没有办法关闭连续播放?
在完成事件处理程序中跳过之前添加一个短暂的等待,可以解决问题。但似乎不是一个好方法。
window.setTimeout(function() { widget.skip(3); }, 300);
另一种解决方法是在上一首歌曲结束之前跳到一首歌曲,使用 PLAY_PROGRESS 事件而不是 FINISH 事件。
widget.bind(SC.Widget.Events.READY, function() {
widget.bind(SC.Widget.Events.PLAY_PROGRESS, function(obj) {
if (obj.relativePosition > 0.999) {
widget.pause();
widget.skip(3);
}
});
});