为SoundCloud和mp3创建一个停靠的音乐播放器

时间:2012-12-03 23:00:19

标签: soundcloud jplayer

我正在尝试创建一个网站,从多个来源提取免费歌曲,并允许用户通过点击封面艺术来播放它们,并在页面底部的停靠音乐播放器中启动它们。 Soundcloud的api为我提供了很多歌曲,但它们采用流式api格式,而不是mp3格式。

SoundCloud提供的音乐播放器非常适合这些流媒体歌曲,但它不适用于我从其他网站上提取的mp3。像Jplayer这样的Mp3播放器非常适合mp3,但我无法弄清楚如何使用流式声音云格式。

想想像ex.fm这样的网站:http://ex.fm/search/bob%20dylan 他们从许多来源拉出他们的音轨,但它们都可以通过他们的一个播放器播放。

任何帮助都会很棒。

由于

1 个答案:

答案 0 :(得分:2)

检查SoundCloud API http://developers.soundcloud.com/docs/api/reference#tracks

每个可在SoundCloud外部流式传输的曲目都有stream_url属性。

您需要在Soundcloud上注册您的应用并获取API密钥。使用该键,您可以在自己的播放器中流式传输曲目。

修改,感谢gryzzly。与jPlayer一起使用的SoundCloud API示例:

var SOUNDCLOUD_API = 'http://api.soundcloud.com',
    CLIENT_ID = '?client_id=REPLACE_WITH_YOUR_CLIENT_ID';

$(document).ready(function() {
  var apiRequest;

  $.get(SOUNDCLOUD_API + '/tracks/6981096.json' + CLIENT_ID)
   .done(handleRepsonse);

  function handleResponse (soundData) {
    $("#jquery_jplayer_1").jPlayer({
      ready: function () {
        $(this).jPlayer("setMedia", {
          // stream_url is good enough for jPlayer,
          mp3: soundData.stream_url + CLIENT_ID
        });
      },
      swfPath: "http://www.jplayer.org/2.1.0/js"
    });
  }

});

您可以在jsbin.com/ajaken/4/edit

查看