我正在制作我的作品集,我想使用 Spotify API 来显示我当前正在收听的内容,但不想使用“播放”按钮
I'm making my portfolio, and I'd like to use the Spotify API to show what I'm currently listening to, but don't want to use the Play button
主要是不言自明的,但我只想将歌曲标题和艺术家作为JavaScript纯文本对象发送,这样我就可以自己在CSS中设置样式。可能有一种让它链接回Spotify上的歌曲的方法也很酷。
将您的 Spotify 链接到 Last FM - http://www.spotify.com/uk/about/spotify-on-the-web/spotify-last-fm/
然后在注册Last FM时获取API密钥,您可以使用以下脚本(需要jQuery)和html显示您听过的内容:
<ul>
<li class=”artist”>Artist: </li>
<li class=”track”>Track: </li>
</ul>
$.getJSON('http://ws.audioscrobbler.com/2.0/?method=user.getrecenttracks&user=[USERNAME]&api_key=[KEY]&format=json', function(data) {
var artist = $(".artist"),
track = $(".track"),
artistVal = data.recenttracks.track[0].artist["#text"],
trackVal = data.recenttracks.track[0].name;
artist.append(artistVal);
track.append(trackVal);
});
将 [密钥] 替换为 API 密钥,将 [用户名] 替换为您的上次 FM 用户名
我们没有直接执行此操作的 API,但有几种方法:
1)如果您使用的是Mac OS,请编写一个小应用程序以使用Spotify的AppleScript字典查看正在播放的内容并将其上传到某个地方。
2)如果没有,请编写一个在Spotify内运行的Spotify应用程序并上传信息。但是,您必须使该应用程序保持活动状态,否则它将被暂停。
另一种选择是将Spotify客户端配置为scrobing到facebook,然后使用打开的图形API进行查询。您需要为自己获取一个访问令牌,请求 music.listens 权限,然后通过以下方式访问它: https://graph.facebook.com/me/music.listens
相关文章:
- 可以在响应时隐藏iphone上的“播放”按钮以进行视频播放
- 具体化:如何只使用HTML和Javascript制作播放/暂停按钮
- 在 jquery 中定位暂停和播放按钮
- Videojs巨大的播放按钮
- 在 html5 中使用暂停和播放按钮
- Wordpress在播放器旁边播放一个自定义的下载按钮,而不是下载
- 如何使用html5制作播放按钮
- 按下后退按钮时,谷歌音乐如何继续播放
- 带有音频标签的多个播放/暂停按钮
- 如何使按钮从暂停变为播放
- Youtube无铬播放器 - 更改大开始播放按钮
- 使用youtube API中的按钮播放和暂停iframe视频
- 点击按钮播放全屏视频
- iOS youtube嵌入播放器没有't点击红色按钮播放视频
- 删除所有可拖动元素时显示按钮/播放消息.Adobe Edge动画Javascript/Jquery
- 如何在HTML中使用按钮播放动画
- Javascript按钮播放随机声音
- FilePicker:如何根据用户的选择选择音频文件并使用按钮播放
- Audio_tag为不同的按钮播放相同的文件
- 如何设置全选复选框?不使用按钮“播放(循环)”