2013-03-22 47 views
0

是否可以在不使用widget/iframe的情況下控制SC播放器?我跟着jQuery的建立鏈接http://developers.soundcloud.com/docs/custom-player,並有三首歌曲基本頁面:不使用iframe的SoundCloud控件

<div id="cloud"> 
    <div id="iPlay" class="iPlay"></div><br> 
    <a href="https://soundcloud.com/jay-hitt/greetings-from-the-wilderness" class="sc-player">Greetings From The Wilderness</a><br> 
    <a href="https://soundcloud.com/jay-hitt/some-people-never-learn" class="sc-player">Some People Never Learn</a><br> 
    <a href="https://soundcloud.com/jay-hitt/faith-of-a-desperate-man" class="sc-player">Faith Of A Desperate Man</a> 
    </div> 

我使用這個改變「玩」的形象爲「暫停」,但似乎無法添加一個功能,實際上開始播放播放器:

$("#iPlay").click(function() { 
    $("#iPlay").toggleClass("iPause"); 
    }); 

是否有可能與此設置或做我必須走通的部件..

回答

1

所有的方法都在此頁:

https://github.com/soundcloud/Widget-JS-API/wiki#widget-methods

當你將獲得與 soundcloud.getPlayer方法的幫助下,小部件的DOM對象,你將有機會獲得以下 公共方法:

api_play() 

球員開始無論是從打0或從上次暫停的軌跡 的位置。在小部件包含多個軌道的情況下,它將從 開始播放第一首曲目。

,但你可以通過調用的SoundCloud的API做,並使用流機智CSS3

function soundCloudApiUrl(soundUrl, soundcloudApiKey) { 
     return 'http://api.soundcloud.com/resolve?url=' + soundUrl+ '&') + 'format=json&consumer_key=' + soundcloudApiKey +'&callback=?'; 
}; 

,並使用來自jQuery的的getJSON方法:

$.getJSON(soundCloudApiUrl(linkUrl, soundcloudApiKey); 

最後步驟由檢索數據並將其應用於audio標記或JavaScript音頻播放器插件

+0

因此,您要說的答案是否,我必須將其設置爲無線iframe小部件。跟隨您的鏈接,並在頁面頂部它讀:!!!重要提示:這是一個棄用的API版本, – bp163 2013-03-22 16:32:26

+0

我的答案更新 – 2013-03-22 16:55:17

+0

似乎相當複雜。看看我的網頁 - http://www.jayhitt.bpsites.com/soundcloud.html。簡單的文本鏈接到歌曲。據我所知(理解),用你所描述的內容來實現這一點並不簡單。而且,在閱讀文檔和搜索文檔的最後8小時內,您似乎對如何實現所有功能的理解程度都有了更高的理解水平......使用幾個簡單的js函數的能力就是我所有希望能找到。 – bp163 2013-03-22 17:20:51