Soundcloud API:让这个简单的例子起作用

时间:2014-03-24 03:53:10

标签: javascript html api soundcloud

我正在使用此Soundcloud示例:http://connect.soundcloud.com/examples/basic.html

我将以下代码复制到html doc:

<script src="//connect.soundcloud.com/sdk.js"></script>
<script>
  SC.initialize({
    client_id: "YOUR_CLIENT_ID"
  });

  $("#loadTracks").live("click", function(){
    SC.get("/tracks", {limit: 1}, function(tracks){
      var track = tracks[0];
      SC.oEmbed(track.uri, document.getElementById("track"));
    });
  });
</script>

<input type="button" id="loadTracks" class="button big" value="Get hottest track" />
<div id="track"></div>

然后我只用我的客户端ID替换YOUR_CLIENT_ID。当我尝试重新托管它时,我得到的是:http://tobyfray[dot]com/

我是否也应该使用以下.js文件?:http://connect.soundcloud[dot]com/examples/examples.js

无论如何,我们将非常感谢任何有关如何使其完全像这里的示例一样的帮助:http://connect.soundcloud.com/examples/basic.html

当我点击我的按钮

时,我的例子没有任何结果

1 个答案:

答案 0 :(得分:0)

您在网页上缺少jQuery。如果查看JavaScript控制台,您会看到$未定义。

无论如何,我不建议按照这个例子。 jQuery.live()几年前就被弃用了。 $('#loadTracks').on('click', function () {可以更好地工作,但您仍然需要在页面上使用jQuery来使用此代码示例。否则,您可以将点击处理程序与addEventListener绑定。