Soundcloud Player Widget触发轨道变化事件

时间:2014-01-08 00:24:44

标签: javascript jquery soundcloud

这个问题与Soundcloud Player Widget有关。它的游乐场位于:https://w.soundcloud.com/player/api_playground.html

我目前的项目目标是使用Supersized在flickr流上传输soundcloud。我在使用github上的自定义播放器之前已经完成了这个,但上面链接的小部件具有更好的浏览器兼容性。

请原谅,我还在学习如何编写这样的小部件。如果我的术语过时或非常迂回,我道歉。

我希望隔离两个基本功能(为了将来编写更多事件)并生成。

我想编码的是:

FIRST: 当前曲目结束时,停止播放,不要寻找下一首曲目。 INSTEAD,找到当前曲目结束时自动点击的“下一步”按钮。

SECOND: 在这个例子中,我使用的是Soundcloud Pro和Pro Unlimited附带的“迷你”播放器。 当用户点击迷你播放器上的“上一个”按钮时,我想隔离该事件以添加更多事件(例如,当点击播放器上的上一个按钮时,自动点击超大的上一个幻灯片按钮)

我希望我能够很好地阐述这一点。在这里,我会尝试用一小组句子写同样的东西:

有人可以帮我找到“当前曲目完成”活动的事件处理程序,“下一个”搜索事件以及Soundcloud Widget中的“上一个”搜索事件吗?

如果你能给我一个使用这些事件的例子(我不习惯编写像这样的小部件而且通常不知道如何触发它们),我也很想要。

1 个答案:

答案 0 :(得分:1)

在此处查找要在窗口小部件上绑定的事件:http://developers.soundcloud.com/docs/api/html5-widget#events

在曲目结束时触发一些代码:

var element = $('SOME_SELECTOR');
var widget; 
SC.oEmbed("https://soundcloud.com/olivier-colot/television-rules-the-nation-daft-punk-remix", {}, element[0]);
SC.whenStreamingReady(function() {});
widget = SC.Widget(element.find('iframe')[0]);
widget.bind(SC.Widget.Events.FINISH, function(player) {
  // do something
});