Audiomass：65KB实现的免费网页音频编辑器，功能出乎意料

最近在 Hacker News 上有人推荐了 Audiomass，一个完全用 vanilla JavaScript 写的网页音频编辑器。让人惊讶的是，整个工具只有 65KB 大小，但功能却相当完整——多轨编辑、效果处理、频谱分析该有的都有。

Audiomass 是什么

Audiomass 是一个运行在浏览器中的音频编辑器，不需要安装任何软件，打开网页就能用。它的核心代码只有 65KB（gzip 后），全部用原生 JavaScript 编写，没有依赖任何第三方框架。

项目地址：https://audiomass.co/

功能特点

• 多轨编辑：支持同时处理多个音频轨道，可以拖拽调整顺序
• 波形和频谱视图：提供波形图和频谱图两种视图模式，方便从不同角度分析音频
• 效果处理：内置多种音频效果，包括淡入淡出、降噪、均衡器、压缩器等
• 录音功能：可以直接从麦克风录音，支持实时预览
• 多种格式：支持导入和导出 WAV、MP3、OGG 等常见音频格式
• 键盘快捷键：支持丰富的快捷键操作，提升编辑效率
• 完全离线：所有处理都在本地浏览器中完成，音频不会上传到服务器

使用场景

Audiomass 特别适合以下场景：

• 快速剪辑：需要快速裁剪、拼接音频片段时，不用打开重型软件
• 播客制作：简单的播客录制和后期处理
• 音频分析：查看音频的频谱特征，分析噪音或音频质量问题
• 教学演示：音频处理课程的教学工具，学生打开浏览器就能用
• 临时需求：在别人的电脑上需要处理音频时，不用安装软件

技术实现

Audiomass 使用 Web Audio API 进行音频处理，Canvas API 绘制波形和频谱图。整个项目没有使用 React、Vue 等前端框架，完全用原生 JavaScript 实现，这也是它能保持极小体积的原因。

对于前端开发者来说，Audiomass 的源码是一个很好的学习资源，展示了如何用原生 JS 实现复杂的交互式应用。

和 Audacity 的对比

很多人会拿 Audiomass 和经典的 Audacity 对比：

• 体积：Audiomass 65KB vs Audacity 几十MB
• 安装：Audiomass 打开浏览器即用 vs Audacity 需要下载安装
• 平台：Audiomass 跨平台（任何有浏览器的设备） vs Audacity 需要对应系统的版本
• 功能深度：Audacity 的插件生态和高级功能更丰富
• 性能：处理大文件时 Audacity 更稳定

简单来说，Audiomass 是”轻量快速”的选择，Audacity 是”功能全面”的选择。根据你的需求来决定用哪个。

注意事项

• 处理超大音频文件（几百MB）时可能会卡顿，浏览器内存有限
• 某些高级效果（如 VST 插件）不支持
• 导出格式取决于浏览器的支持能力
• 建议使用 Chrome 或 Firefox 获得最佳体验

简评

65KB 的体积做出一个功能完整的音频编辑器，这本身就是一件很酷的事情。Audiomass 的存在证明了，很多我们以为需要重型软件才能完成的任务，其实用网页就能搞定。

如果你经常需要做简单的音频剪辑，或者不想为了剪个铃声就装一个 Audacity，Audiomass 是个很好的选择。直接打开 https://audiomass.co/ 就能开始用。

本文参考来源：Audiomass 官网 | Hacker News 讨论