【开源自荐】基于 Web Audio API 实现纯前端的音频处理工具

[RylanBot]

代码仓库：github.com/RylanBot/melody-workshop

[!Tip]
这个程序的功能也许不是非常成熟，但 Web Audio API 在前端算是一个小众的领域 ，希望我的代码能给未来有需要的开发者提供一些 idea。

🌷 效果预览

🔥 功能介绍

💕 单音频处理

• [x] 播放范围剪裁
• [x] 变调滤镜应用
• [x] 音量音速调节

💕 多音频混合

• [x] 文件添加删除
• [x] 轨道音量控制

💕 音频导出

• [x] 格式选择
• [x] 码率设置

🧙🏻 二次开发

这里有一份架构图方便大家更好理解整个项目：

[heyjude1817]

有意思的项目，想请教下，目前Web Audio API具有哪些能力，能覆盖到哪些场景？和ffmpeng.wasm，性能如何？

[RylanBot]

有意思的项目，想请教下，目前Web Audio API具有哪些能力，能覆盖到哪些场景？和ffmpeng.wasm，性能如何？

1. Web Audio API 目前在处理实时语音输入，例如添加动态特效，我觉得是很方便的工具，但是一旦涉及把修改后的音频导出到本地，Web Audio API 本身并没有提供相关功能，所以要自己去加工 AudioBuffer， 这个过程需要引入很多额外的算法。
2. 关于 ffmpeng.wasm 的性能，虽然我没有测试过巨大的文件，但这个方案在 ffmpgng 社区有很多人在维护和使用，且在我的项目表现也是不错的，所以我相信它是成熟的。