从 soundcloud api 获取正确的 .mp3 url 以用于 soundmanager2 360-player

Question

我的问题与this 这里的问题相同，但是由于这个问题从未得到解决，我无法私下给 PeeHaa 发消息询问答案，我会在这里再次询问。

我已经成功查询了 soundcloud api 并获得了每首曲目的 stream_url 并将其添加到我的 360 播放器(demo here) 的所有 hrefs 中。我的元素代码如下所示：

<div class="ui360">
 <a href="/path/to/an.mp3" data-title="Track title">play "an.mp3"</a>
</div>

我有这个脚本来查找所有带有 data-title 属性的 a 标签，并根据 stream_url 为它们提供正确的 href，但是当我尝试单击浏览器中的声音管理器图标并播放曲目时，它只是被重定向到 .mp3 网址。

SC.initialize({
  client_id: 'MY_CLIENT_ID'
});

SC.get('/playlists/2450655', 'allow_redirects=False', function(playlist) {

  var titles = $('.audio .ui360 a').each(function(index){
    this.index = index;
  });

  for (var i = 0; i < playlist.tracks.length; i++) {    
    var id = '?client_id=MY_CLIENT_ID'    
    for (var j = 0; j < titles.length; j++) {      
      if (playlist.tracks[i].title === $(titles[j]).attr('data-title')) {
        $(titles[j]).attr('href', playlist.tracks[i].stream_url+id)
      }            
    }    
  }

});

有谁知道如何以这种方式获取正确的 url 以播放托管在 soundcloud 上的曲目？

Answer 1

我知道这是一个老问题，但这个问题把我逼疯了，我终于弄明白了，所以这是我给其他人的答案：

如果您在链接中指定 mp3 mimetype，Soundmanager 将起作用：

<div class="ui360">
    <a type="audio/mp3" href="https://api.soundcloud.com/tracks/49349198/stream?client_id=YOUR_CLIENT_ID" data-title="Track title">play "an.mp3"</a>
</div>

Answer 2

为什么不直接使用 SoundCloud JavaScript SDK 流式传输曲目？比如：

SC.get('/playlists/2450655', function(playlist) {
  $(playlist.tracks).each(function(index, track) {
    $('a[href="' + track.stream_url + '"]').click(function(e) {
       e.preventDefault();
       SC.stream('/tracks/' + track.id, function(sound) {
         sound.play();
       });
    });
  });
});

这会解决您的问题吗，还是有什么特殊原因需要您解析 URL？