2014-01-08 79 views
1

這個問題是關於Soundcloud播放器小部件。它的遊樂場在這裏找到:https://w.soundcloud.com/player/api_playground.htmlSoundcloud播放器小工具觸發事件的跟蹤變化

我目前的項目目標是使用Supersized在flickr流頂部傳播soundcloud。在使用github上的自定義播放器之前,我已經完成了它,但上面鏈接的小部件具有更好的瀏覽器兼容性。

請原諒,我還在學習如何編寫這樣的小部件。如果我的行話過時或非常迂迴,我很抱歉。

我期待分離出兩個基本功能(爲了編寫將來更多的事件)並生成。

我想代碼爲:

FIRST: 在當前曲目結束後,停止播放,卻不求下一首曲目。 INSTEAD,找到當前曲目完成時自動點擊的'NEXT'按鈕。

SECOND: 在這個例子中,我使用Soundcloud Pro和Pro Unlimited附帶的'mini'播放器。 當用戶點擊迷你播放器上的'上一個'按鈕時,我想隔離該事件以添加更多事件(例如,當單擊播放器上的上一個按鈕時,自動在上部點擊過的上一個幻燈片按鈕)

我希望我闡明瞭這一點。在這裏,我會嘗試在一組較小的句子中寫同樣的東西:

有人可以幫我找到'當前賽道已完成'事件,'下一個'查找事件和'上一個'在Soundcloud Widget中尋找事件?

我也很喜歡,如果你能給我在其中使用這些事件爲例(我不習慣編碼像這樣的小部件和通常不知道如何觸發它們)

回答

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 
});