自動播放下一個soundcloud

我目前正在製作我的音樂博客，並且正在嘗試在上一個完成時啓動小部件。我同時擁有soundcloud和youtube小部件，但首要任務是爲soundcloud實現此功能。自動播放下一個soundcloud

每個iframe都有2個類.widget & .soundcloud_widget for soundcloud和.widget & .youtube_widget for youtube。最後，每個小部件按照幻影的順序得到一個id「widget1」，「widget2」等。

這個想法是獲得事件「SC.Widget.Events.FINISH」，以獲得相應小部件的id，「增加」它，然後讓下一個玩。

不幸的是，我正在努力與javascript & soundcloud的文檔，我真的很感謝一些幫助！

在此先感謝

PS：這裏是和前面一樣，我也沒有什麼事是可以使用的代碼...

來源

2014-03-04 Christophe P

你可以張貼一些代碼，以便我們可以幫助你 –

我把我有這基本上是沒有什麼：只是功能爲iframe提供正確的類和id。事實上，我甚至不知道從哪裏開始：我可以按照文檔中的說明單獨將每個小部件聲明爲soundcloud小部件，但是如何說每個小部件都要觀看事件？ –

所以首先我想給你最簡單的方法解決這個問題的方法是選擇其中一個播放器（無論是youtube還是soundcloud），並使用播放列表功能展示您的聲音。這裏是採用聲雲播放列表的活生生的例子，你可以玩
http://runnable.com/UuhEs3Yq2_8hAACT/embbed-soundcloud-widget-using-javascript
相關代碼：

function embed (id) { 
    SC.oEmbed("http://soundcloud.com/" + id // user or playlist to embed 
    , { color: "ff0066" 
     , auto_play: true 
     , maxwidth: 500 
     , maxheight: 1000 
     , show_comments: true } // options 
    , document.getElementById("scWidget") // what element to attach player to 
); 
} 

$(document).ready(
    function() { 
    embed("dj-faze"); 
    } 
);

但是如果你希望走冤枉路，你會希望自己熟悉小部件API：
http://developers.soundcloud.com/docs/api/html5-widget#
綁定（eventName的，監聽器）是您會是什麼最感興趣的

var iframeElement = document.querySelector('iframe'); 
var iframeElementID = iframeElement.id; 
var widget   = SC.Widget(iframeElement); 
widget.bind(SC.Widget.Events.FINISH, function() { 
    alert('add code to play next song here') 
});

我會盡量把多達上運行的一個新的例子，一旦該網站已完成其維護

來源

2014-03-11 08:51:26

非常感謝您的回答！我會在幾個小時內進一步看看它，並給你反饋，再次！ –

自動播放下一個soundcloud

回答

相關問題