javascript - 创建一个基于 web 的类似 soundcloud 的音频嵌入系统

Question

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

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

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

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

score 1 · Accepted Answer

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

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

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

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

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

我希望这会有所帮助。

1 回答 1