Web音频合成器

免费在线Web音频合成器。支持4种波形、滤波器、ADSR包络控制,实时波形可视化,一键生成Web Audio API代码。无需注册,无需安装。 | 无需注册 · 数据绝不上传服务器

零依赖·可离线使用

🎵 Web音频合成器 零依赖·可离线

免费在线Web音频合成器。支持4种波形、滤波器、ADSR包络控制,实时波形可视化,一键生成Web Audio API代码。无需注册。

滤波器
ADSR包络
等待播放...
快捷键: Ctrl+Enter 播放 | Ctrl+Shift+C 复制

Web音频合成器能做什么?

Web音频合成器是一款免费在线工具,基于Web Audio API实现浏览器端音频合成。支持4种波形、滤波器、ADSR包络控制,实时波形可视化,一键生成可复用的Web Audio代码。纯前端处理。

核心功能

  • 4种波形:正弦波、方波、锯齿波、三角波,覆盖常见音色需求
  • 滤波器:低通、高通、带通、陷波4种滤波器,可调截止频率和Q值
  • ADSR包络:完整的Attack-Decay-Sustain-Release包络控制
  • 和弦播放:一键生成大三和弦,支持自定义基频
  • 波形可视化:实时显示音频波形,直观感受参数变化
  • 代码生成:一键导出Web Audio API代码,可直接在项目中使用

使用教程

  1. 选择波形:根据需要的音色选择波形类型
  2. 设置频率:调整音高(440Hz=A4音)
  3. 配置滤波器:选择滤波器类型和参数
  4. 调整ADSR:设置声音的起音、衰减、持续和释放
  5. 播放试听:点击播放音符或和弦试听效果
  6. 导出代码:复制生成的Web Audio代码到项目

应用场景

场景1:Web音频开发学习

直观理解Web Audio API的振荡器、滤波器、包络等概念,实时调参试听效果。

场景2:游戏音效原型

快速设计游戏音效参数,生成代码直接集成到Web游戏中。

场景3:音乐应用开发

作为Web音乐应用的基础合成器模块,生成可复用的音频代码。

扩展知识

Web Audio API是现代浏览器提供的强大音频处理框架。AudioContext是核心对象,各种AudioNode(OscillatorNode、BiquadFilterNode、GainNode等)通过connect()方法连接成处理图。ADSR包络源自模拟合成器,是声音设计的核心概念。Web Audio API还支持ConvolverNode(混响)、DelayNode(延迟)、DynamicsCompressorNode(压缩)等高级效果。

❓ 常见问题

什么是Web Audio API?

Web Audio API是浏览器提供的音频处理接口,支持音频生成、处理和分析。可以创建振荡器、滤波器、增益节点等,构建复杂的音频处理图。所有处理在浏览器本地完成。

支持哪些波形类型?

支持4种基本波形:sine(正弦波,纯净音色)、square(方波,8-bit风格)、sawtooth(锯齿波,明亮音色)、triangle(三角波,柔和音色)。不同波形产生不同的音色特征。

ADSR包络是什么?

ADSR是声音的包络参数:Attack(起音时间)、Decay(衰减时间)、Sustain(持续电平)、Release(释放时间)。控制声音从开始到结束的音量变化曲线。

滤波器有什么作用?

滤波器改变声音的频率成分。lowpass滤除高频使声音变暗,highpass滤除低频使声音变亮,bandpass只保留特定频段。配合Q值调节共振强度。

可以导出音频文件吗?

当前版本生成Web Audio API代码,可在浏览器中实时播放。导出WAV文件需要使用MediaRecorder API录制AudioContext输出,本工具暂不支持。

和弦功能如何使用?

点击'播放和弦'按钮,工具会基于当前频率生成大三和弦(根音+大三度+纯五度)。可以调整基频来改变和弦的音高。

Web音频合成器 | 无需注册 · 数据绝不上传服务器

问题反馈: dexshuang@google.com