不使用 iframe 的 SoundCloud 控制答案

【问题标题】：SoundCloud control without using iframe不使用 iframe 的 SoundCloud 控制
【发布时间】：2013-03-12 14:20:04
【问题描述】：

是否可以在不使用小部件/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");
    });

这种设置是否可行，还是我必须通过小部件..

【问题讨论】：

标签： jquery controls soundcloud

【解决方案1】：

所有方法都在这个页面中：

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

当您在 soundcloud.getPlayer 方法，您将可以访问以下内容公共方法：
api_play()
播放器从 0 或最后一个暂停的曲目开始播放位置。如果小部件包含多个轨道，它将开始播放第一首曲目。

但您可以通过调用 soundcloud api 来实现，并使用流 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 音频播放器插件应用它

【讨论】：

所以您说答案是否定的，我必须使用 iframe 小部件进行设置。跟随您的链接，在页面顶部显示：!!!重要提示：这是一个已弃用的 API 版本，
看起来相当复杂。看看我的页面 -jayhitt.bpsites.com/soundcloud.html。歌曲的简单文本链接。据我所知（理解），用您所描述的内容来实现这一点并不容易。在过去 8 小时阅读文档和搜索的过程中，您似乎对它的所有功能的理解程度更高……使用一些简单的 js 功能的能力就是我的全部希望能找到。