在Web中添加SoundCloud播放器

今天在逛nitro+官网的时候发现他们的宣传曲都是用的SoundCloud的网页播放器放的,让我有些好奇是怎么做的
『みにくいモジカの子』
Google了一下SoundCloud的api, 发现意外的简单。

1.

在SoundCloud上找到你想分享的歌曲,例如这首
山茶花和Akira Complex的Reality Distortion

2.

点击Share按钮,翻到其中Enbed的Tab,然后选择你要的样式
Share Page

再把其中的Code一栏里的代码复制下来

3.

把复制下来的代码粘到你的html文件里。如果你像我一样用的是markdown生成静态页面的框架,你可以在生成完html文件后再添加,或者直接把这段代码复制到你的markdown里(如果它支持在markdown文件中使用html的话)

然后你就可以在你的页面上看到播放器了,像这样子:

是不是非常方便。 SoundCloud的这个功能实在是非常棒。

Comments