从普通的soundcloud URL嵌入HTML5小部件

时间:2012-09-03 13:02:16

标签: soundcloud oembed

我正在尝试将我网站上提交的Soundcloud链接转换为SoundCloud HTML5播放器。我读到这可能与oEmbed有关,但还没有让它自己工作。我所知道的是我应该使用以下oEmbed URL:

http://soundcloud.com/oembed?format=js&url=[escaped_url]&iframe=true

但是,我不知道如何处理它。当我有一个转义的SoundCloud URL并用[escaped_url]替换它时,我的下一步是什么?如何使用该链接生成SoundCloud HTML5播放器?

1 个答案:

答案 0 :(得分:5)

向该URL发送请求,响应将是一个JSON文件,其中包含创建窗口小部件所需的所有信息。

以下是一个例子:

$ curl http://soundcloud.com/oembed\?format\=js\&url\=https://soundcloud.com/spadgos\&iframe\=true                                 

({
  "version": 1.0,
  "type": "rich",
  "provider_name": "SoundCloud",
  "provider_url": "http://soundcloud.com",
  "height": 450,
  "width": "100%",
  "title": "nickf \u2603",
  "description": "",
  "thumbnail_url": "http://i1.sndcdn.com/avatars-000005187616-3e82aa-t500x500.jpg?b96a101",
  "html": "\u003Ciframe width=\"100%\" height=\"450\" scrolling=\"no\" frameborder=\"no\" src=\"http://w.soundcloud.com/player/?url=http%3A%2F%2Fapi.soundcloud.com%2Fusers%2F6431392\u0026show_artwork=true\"\u003E\u003C/iframe\u003E",
  "author_name": "nickf \u2603",
  "author_url": "http://soundcloud.com/spadgos"
});

只需抓住html属性并将其粘贴在您的文档中即可。