创建基于 Web 的类似 Soundcloud 的音频嵌入系统

Creating a web-based soundcloud-like audio embed system

本文关键字：音频系统 Soundcloud Web 创建更新时间：2023-09-26

我正在尝试为一个项目创建一个服务，该服务允许基于javascript的嵌入代码来共享音频剪辑，以便播放器出现在嵌入它的站点上。非常像 soundcloud 克隆，但规模要小得多，并且仅用于私人共享。

我不确定如何做到这一点，但考虑让 javascript 将 HTML5 播放器动态写入放置嵌入的任何页面，获取通过 JSON-P 将播放器渲染到页面所需的详细信息（以克服同源策略）并直接从主服务器流式传输音频剪辑。我更喜欢使用 jQuery 框架。

这是最好的方法吗？我正在尝试研究，但我不知道如何准确搜索信息或从哪里开始。

附言我还发现了这篇有用的S/O文章，内容是关于soundcloud如何隐藏流媒体的URL以防止直接下载

声云如何隐藏流媒体音频的网址

使 JavaScript 将 HTML5 播放器动态写入放置嵌入的任何页面

您还可以使用将从服务器加载"小部件"的iframe。这就是HTML5小部件在SoundCloud上的构建方式。

获取通过 JSON-P 将播放器渲染到页面所需的详细信息

如果你想

用JS渲染小部件，你可以使用CORS来克服同域策略。

至于流媒体，它的基础知识可以通过一些简单的服务器配置和从该服务器提供媒体文件来完成（nginx可能是你最好的选择）。

我希望这对一些有所帮助。