javascript - 从 soundcloud api 获取正确的 .mp3 url 以与 soundmanager2 360-player 一起使用

Question

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

我已经成功查询了 soundcloud api 并获得了每个轨道的 stream_url 并将其添加到我的 360 播放器的所有 hrefs (demo here) .我的元素代码如下所示:

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

我有这个脚本来查找所有具有数据标题属性的 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>