soundcloud - 在 SoundCloud 自定义播放器中获取当前曲目信息

Question

我几乎完成了我的声音云流自定义播放器的创建，但我想要添加当前正在播放的歌曲的标题和艺术家的选项。

现在我有这个：http ://hellkeepers.com/music/examples/sc-player-minimal.html

但我似乎无法弄清楚在哪里可以找到当前的曲目信息。

Answer 1

要获取图像和标题，您可以使用以下代码：

//get element by id from your iframe
var widget = SC.Widget(document.getElementById('soundcloud_widget'));
widget.getCurrentSound(function(music){
    artwork_url = music.artwork_url.replace('-large', '-t200x200');
    $('#song1').css('background', 'url(\"'+artwork_url+'\") ');
    //write the title in a div with the id "title"
    document.getElementById('title').innerHTML = music.title;
});

通常，您最后会得到一个带有“-large”的链接，大小为100x100。如果你想要其他尺寸，你必须像我一样用“.replace”改变结尾。您可以在此处找到包含可用尺寸的列表：

https://developers.soundcloud.com/docs/api/reference#tracks（我的尺寸 200x200 未列出但有效。也许每百像素有更多尺寸。）

和：

widget.getDuration(function(duration) {
    alert(duration);
}

你有歌曲的长度（以毫秒为单位）

和：

widget.getPosition(function(position) {
    alert(position);
}

您以毫秒为单位获得歌曲的实际位置。您必须运行一个循环才能获得每秒的实际时间。并且可能您必须将毫秒计算为秒和分钟。

迟到但比我的答案更好：D