Web Audio API 音频编辑器将编辑的剪辑保存回 Web 服务器

Posted 2023-02-25

【中文标题】Web Audio API 音频编辑器将编辑的剪辑保存回 Web 服务器

【英文标题】：Web Audio API audio editor saving edited clip back onto web server

【发布时间】：2015-02-16 15:59:14

【问题描述】：

我正在制作鼓机，并使用 recorderJS 库实现了录音功能。您可能期望的问题是功能有限，无法编辑录制的剪辑。所以我的问题是，如果我要实现一个允许用户修剪剪辑的音频编辑器，我将如何将编辑后的剪辑保存回网络服务器？

这甚至可以使用 Web Audio API 实现吗？

非常感谢

【问题讨论】：

查看WebAudio offline context 将您编辑的音频渲染到可以传输到服务器的缓冲区。

您可以使用标记的一些 UI 轻松编辑录制的剪辑，并使用 getChannelData 方法从 AudioBuffer 剪辑适当的数据。我认为像waves.js 这样的库可能会帮助你。 ircam-rnd.github.io/waves/ui/#ui-segment

然后您必须以某种方式将文件转换为 wav 文件并将其发送到服务器。你可以看看这个。 github.com/jussi-kalliokoski/pcmdata.js

【参考方案1】：

网络音频 API 不会为您执行此操作；您需要一个可以接受上传的后端服务器。您可能还想重新编码音频数据（如 WAV、MP3、OGG 等）