不使用iframe的SoundCloud控件

时间:2013-03-22 16:23:05

标签: jquery controls soundcloud

是否可以在不使用widget / iframe的情况下控制SC播放器?我关注了jQuery设置链接http://developers.soundcloud.com/docs/custom-player,并有一个包含三首歌曲的基本页面:

    <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 个答案:

答案 0 :(得分:1)

所有方法都在此页面中:

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

  

当你在帮助下获得小部件DOM对象时   soundcloud.getPlayer方法,您可以访问以下内容   公共方法:

api_play()
     

播放器从0或从上一个暂停的曲目开始播放   位置。在小部件包含多个轨道的情况下   开始播放第一首曲目。

但你可以通过调用soundcloud api来实现,并使用stream wit 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音频播放器插件中应用