虚拟钢琴:用电脑键盘在线弹钢琴

浏览器中的三八度钢琴:点击或触摸琴键,用电脑键盘演奏,或连接MIDI键盘弹奏。

每个音符均通过Web Audio API实时合成,无需下载采样。读数会显示你最后弹奏音符的准确频率。

虚拟钢琴:用电脑键盘在线弹钢琴
浏览器中的三八度钢琴:点击或触摸琴键,用电脑键盘演奏,或连接MIDI键盘弹奏。
音域: C3 – B5
音量

上一个音符: 按下琴键开始

频率 = 440 × 2^((n − 69) ÷ 12),其中n为MIDI音符编号。因此C4(n = 60)为261.63 Hz,A4(n = 69)恰好为440.00 Hz。

MIDI:未连接

电脑键盘:A S D F G H J K L一行从最低的C开始弹奏白键,W E T Y U O P弹奏其间的黑键。

电脑键盘与钢琴琴键对照
WC#ED#TF#YG#UA#OC#PD#
ACSDDEFFGGHAJBKCLD;E'F

这些字母从当前基础八度开始,弹奏所显示三个八度中的较低两个;调整八度即可弹奏更高或更低的音符。

关于这款虚拟钢琴

这是一件真正可以演奏的乐器,而不只是一张图片。键盘覆盖三个八度,默认从C3到B5,可用八度按钮在C1至B7之间移动。每个琴键都产生实时合成音色:两个振荡器分别用三角波构成主体,以及高一个八度、较轻的正弦波增加圆润感,再经快速起音与自然衰减包络塑形。开启延音后,音符可持续接近三秒,就像踩住钢琴的延音踏板。 有三种演奏方式。直接点击或触摸琴键;琴键使用纯CSS绘制,在桌面与触屏上表现一致。也可按几乎所有音乐应用通用的映射方式使用电脑键盘:主行A S D F G H J K L从屏幕上最低的C开始对应白键,上方W E T Y U以及O、P对应其间黑键。映射模仿钢琴的实际布局,因此成为常用标准:A-W-S-E-D正好是C、升C、D、升D、E。最后,若浏览器支持Web MIDI(Chrome和Edge均支持),按“启用MIDI输入”,即可直接弹奏连接的MIDI键盘。 琴键下方的频率读数本身就是一堂乐理小课。现代乐器采用以A4 = 440 Hz为基准的十二平均律:每升一个半音,频率乘以2的十二次方根,约1.05946。弹A4会显示准确的440.00 Hz;弹中央C,即C4,会得到261.63 Hz;升高八度到C5,数值翻倍至523.25 Hz。边弹边看读数,比课本图示更直观地展示音高的对数关系。 两个八度也足够学习重要的音型。找出从C开始的白键大调音阶,构建音程:纯五度是七个半音(C4到G4),大三度是四个半音(C4到E4)。把它们叠成C大三和弦,再将三音降低一个琴键,变成C小三和弦。每个琴键都可显示音名,将听到的声音、看到的位置与乐谱名称联系起来;熟悉布局后,再隐藏音名。 所有功能都在页面本地运行:不录音、不上传,首次加载后完全无需网络连接。

试弹音符、音程与和弦

经核实的标准A440调音下的十二平均律频率。

弹奏内容预期显示学习要点
A4(中央C右侧的A)上一个音符:A4 · 440.00 Hz音乐会标准音高,即各乐团调音的参考。所有其他频率都由此推导。
C4(中央C)上一个音符:C4 · 261.63 Hz位于键盘与大谱表的中心,比A4低整整九个半音:440 ÷ 2^(9/12)。
先弹C4,再弹C5先261.63 Hz,再523.25 Hz升高一个八度,频率恰好翻倍,这是最协和的音程。
同时弹C4 – E4 – G4(开启延音后快速按下)约261.63、329.63、392.00 HzC大三和弦:在根音上依次叠加大三度(4个半音)与小三度(3个半音)。
先弹A4,再弹E5(必要时升高八度)先440.00 Hz,再659.26 Hz纯五度:频率比为1.498,几乎等于平均律所近似的纯律比例3:2。

如何弹奏虚拟钢琴

  1. 点击或触摸任意琴键,也可用电脑键盘:A S D F G H J K L对应白键,W E T Y U O P对应黑键。
  2. 使用“降低八度”和“升高八度”,将两个八度的显示窗口移至C1到B7之间的任意范围。
  3. 开启“延音”,让音符如踩下延音踏板般持续发声;用“显示音名”显示或隐藏琴键标签。
  4. 观察读数:它会显示最后弹奏音符的名称及以赫兹计的准确频率。
  5. 有MIDI键盘?在Chrome或Edge中按“启用MIDI输入”,即可直接弹奏。

虚拟钢琴常见问题

为什么A4显示恰好440.00 Hz?
A4 = 440 Hz是国际标准音乐会音高(ISO 16)。十二平均律中其他音符均由此推导:每升一个半音,频率乘以2的十二次方根,所以十二个半音,即一个八度,频率恰好翻倍至880 Hz。
电脑键盘如何对应琴键?为什么这样安排?
A S D F G H J K L从当前可见最低的C开始弹白键,W E T Y U O P弹其上方的黑键。这与GarageBand、Ableton Live、FL Studio及大多数DAW的约定一致。QWERTY各行的实际排列类似钢琴:上排按键位于下排键之间,就像黑键位于白键之间。
声音是如何生成的?
每个音符使用两个Web Audio振荡器:音符本身频率的三角波提供温暖主体,高一个八度且较轻的正弦波形成圆润高频,再通过起音为8 ms的增益包络。关闭延音时约半秒衰减;开启后接近三秒,如同踩住踏板。
所有浏览器都支持MIDI输入吗?
Chromium浏览器(Chrome、Edge、Opera、Brave)支持Web MIDI;Safari和Firefox默认不提供。按钮已做兼容性保护:不支持时只会显示提示,点击琴键或使用电脑键盘仍可照常演奏。
可以用它学钢琴吗?
它非常适合学习键盘布局,包括音名、音阶、音程及和弦指型,也适合以准确频率练耳。但电脑按键不感应力度,因此无法学习触键强弱;转到真实钢琴或MIDI键盘时,布局知识可直接应用。
为什么听不到声音?
浏览器只允许用户操作后发声,所以音频引擎会在首次点击或按键时启动。若仍无声,请检查本页音量滑块、系统输出设备,以及标签页是否静音。音符读数无论如何都会更新,可据此确认按键已被识别。