爲SoundCloud和mp3創建停靠音樂播放器

我正在嘗試創建一個網站，該鏈接從多個來源提取免費歌曲，並允許用戶通過單擊封面藝術來播放它們，然後在底部的停靠音樂播放器中播放它們的頁面。 Soundcloud的api爲我提供了很多歌曲，但它們採用的是流式api格式，而不是mp3格式。爲SoundCloud和mp3創建停靠音樂播放器

SoundCloud提供的音樂播放器非常適合這些流媒體歌曲，但它不適用於我從其他網站播放的MP3。諸如Jplayer之類的MP3播放器對於MP3來說非常適合，但我無法弄清楚如何讓它與流式音頻格式一起工作。

想像一個像ex.fm這樣的網站：http://ex.fm/search/bob%20dylan 他們從許多來源提取音軌，但它們都可以通過他們的一個播放器播放。

任何幫助，這將是偉大的。

感謝

來源

2012-12-03 dbuss1

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

有一個stream_url屬性每一個的的SoundCloud成流之外的軌道。

您需要在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

來源

2012-12-04 09:02:13 cucko

現場檢查什麼cucko說是正確的 - 這是一個使用的SoundCloud API jPlayer的工作示例 - http://jsbin.com/ ajaken/4 /編輯檢查代碼。 @cucko你可以pelase插入相關的JS代碼在你的答案讓其他人立即參考？謝謝！ –

也許你甚至可以在你的答案中插入jsbin的鏈接，那也會很酷:-) –

太棒了！在stream_url之後我只是錯過了？client_id，並且它不起作用。謝謝 – dbuss1

爲SoundCloud和mp3創建停靠音樂播放器

回答

相關問題