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



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

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

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

对此有任何帮助都会很棒。

谢谢

Check SoundCloud APIhttp://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

最新更新