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

Soundcloud API: getting this simple example to work

本文关键字：工作 简单 API Soundcloud      更新时间：2023-09-26

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

我将把下面的代码复制到html文档中: 
<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

我的例子是什么都没有发生当你点击我的按钮

您的页面缺少jQuery。如果你查看你的JavaScript控制台，你会看到$没有定义。

无论如何，我不建议按照这个例子来做。jQuery.live()多年前已被弃用。$('#loadTracks').on('click', function () {将工作得更好，但您仍然需要在您的页面上使用jQuery来使用这个代码示例。否则，您可以将单击处理程序与addEventListener绑定。
相关文章：