html5如何实现播放下一首,使用HTML5 SoundCloud播放器小部件如何以编程方式跳到另一首曲目而不会导致播放第二不需要的曲目?...

不幸的似乎是在完成事件的竞争条件错误。 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);

}

});

});

2013-04-14

Don Zola

+0

嘿,这似乎是一个错误,我正在研究它,谢谢你的报告。 –

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值