創建基於網絡的類似音頻的音頻嵌入系統

Question

我正在嘗試爲允許基於JavaScript的嵌入代碼共享音頻剪輯的項目創建服務，以便播放器出現在嵌入網站的位置。非常像一個soundcloud克隆，但規模要小得多，只能用於私人分享。

我不知道該如何去解決這個問題，但是想讓javascript將HTML5播放器動態地寫入嵌入了嵌入的任何頁面，並獲取通過JSON-P渲染播放器到頁面所需的細節以克服相同的原始策略）並直接從主服務器流式傳輸音頻片段。我寧願使用jQuery框架。

這是最好的方法去解決這個問題嗎？我正在努力研究，但我不知道如何準確搜索信息或從哪裏開始。

P.S.我也發現有關的SoundCloud如何隱藏了流媒體的網址，以免直接下載

How has soundcloud hidden the URL of streaming audio

Answer 1

製作的JavaScript動態編寫HTML5玩家進入其中嵌入被放置在任何頁面這是很有幫助的S/O文章

您還可以使用iframe從您的服務器加載「小部件」。這就是HTML5 widget在SoundCloud中構建的方式。

獲取需要通過JSON-P呈現玩家進入頁面

可以爲了克服同域策略中使用CORS如果你想渲染插件與JS的細節。

至於流媒體，它的基礎知識可以通過一些簡單的服務器配置和從服務器提供媒體文件來完成（nginx可能是你最好的選擇）。

我希望這有助於一些。