无需登录 数据私有 本地保存

简易音频合成器 - Web Audio振荡器键盘

16
0
0
0
波形
八度 C4
— Hz
💡 点击琴键演奏 | 电脑键盘映射显示在琴键上
音量
60%
Attack (ms)
40
Release (ms)
300
⌨️ 键盘映射: 白键: A S D F G H J K 黑键: W E T Y U (C4–C5 一个八度)
常见问题与知识点
什么是 Web Audio 振荡器?

Web Audio API 的 OscillatorNode 是浏览器内置的音频振荡器,能够生成周期性的声音波形。它完全运行在浏览器中,无需安装任何插件。支持的波形包括正弦波(sine)、方波(square)、锯齿波(sawtooth)和三角波(triangle),每种波形都有独特的音色特征。振荡器通过频率(Hz)控制音高,频率越高声音越尖锐。

四种波形有什么区别?

正弦波:最纯净的声音,只有基频没有泛音,听起来柔和圆润,类似电子音色或长笛低音区。
方波:含有丰富的奇次谐波,声音空洞有穿透力,类似单簧管或早期电子游戏音效。
锯齿波:包含所有谐波,声音明亮、丰富且富有侵略性,是模拟合成器中最常用的波形,类似弦乐器合奏。
三角波:介于正弦波和方波之间,谐波较少但比方波柔和,适合贝斯和温暖的主音音色。

Attack 和 Release 是什么意思?

Attack(起音)和 Release(释音)是声音包络(ADSR)的两个关键参数。Attack 控制音符从无声到最大音量的上升时间(毫秒),较长的 Attack 产生柔和的渐入效果。Release 控制松开琴键后声音衰减到无声的时间,较长的 Release 产生延音和混响感。合理调整这两个参数可以模拟钢琴(短Attack短Release)、弦乐(长Attack长Release)或管风琴(短Attack中等Release)等不同乐器的表现力。

如何使用电脑键盘演奏?

白键映射到键盘的 A S D F G H J K(对应C4到C5的8个白键),黑键映射到 W E T Y U(对应C#4、D#4、F#4、G#4、A#4)。按住按键持续发声,松开即停止。您可以同时按下多个键来演奏和弦。使用八度偏移按钮(+/−)可以将整个键盘音域上下移动,最多支持±2个八度的范围调整。

录音功能如何使用?

点击红色录音按钮开始录制您的演奏,此时所有通过虚拟键盘或电脑键盘触发的音符都会被记录。再次点击按钮或点击停止按钮结束录音。点击回放按钮可完整重现刚才的演奏。录音数据保存在浏览器内存中,页面刷新后会丢失。如需保存,建议使用外部录音软件捕获系统音频。

在移动设备上可以使用吗?

完全可以!虚拟键盘针对触摸操作进行了优化,您可以直接在手机或平板屏幕上点击琴键来演奏。琴键在移动端会自动适配屏幕尺寸。不过移动端没有物理键盘映射,所有演奏都通过触摸虚拟键盘完成。建议在横屏模式下使用以获得更宽的键盘布局。

为什么我听不到声音?

请检查以下几点:① 确保设备音量已开启且未静音;② 检查浏览器是否阻止了自动播放音频(大多数浏览器要求用户先进行一次交互才能启用音频);③ 尝试点击页面任意位置后再演奏;④ 检查音量滑块是否设置得过低;⑤ 某些浏览器在隐身模式下可能限制Web Audio API。如仍无效,请尝试刷新页面后先点击琴键触发音频上下文。

如何计算音符频率?

音符频率使用国际标准音高计算:A4 = 440Hz。其他音符频率通过公式 f = 440 × 2(n−69)/12 计算,其中 n 是MIDI音符编号(C4=60,C#4=61,...,C5=72)。每升高一个八度频率翻倍,每升高一个半音频率乘以 21/12 ≈ 1.05946。本工具实时显示当前演奏音符的名称和精确频率。