跳到主要内容

乐器演奏 — 用鼠标、触屏或键盘演奏钢琴、吉他、架子鼓与音乐蝌蚪

包含钢琴、吉他、架子鼓与音乐蝌蚪四种乐器的浏览器乐器乐园,用鼠标、触屏或电脑键盘即可立即演奏。所有声音都由 Web Audio API 当场合成,不使用采样音频文件或外部服务器。

70%

钢琴

用鼠标点击琴键或用手指按下。按住横向拖动可连续演奏(滑奏)。琴键上的小字是对应的电脑按键。

音色
选项
琴键大小
显示音域C3 – C6

88 个琴键(A0~C8)全部在此。拖动键盘上方的长条或用八度按钮移动显示窗口——琴键上方的高亮色条标示当前对应电脑按键的两个八度。按键:下排白键 Z X C V B N M , · 黑键 S D G H J。上排白键 Q W E R T Y U I · 黑键 2 3 5 6 7。

吉他

点击琴弦或用手指拨动。按住上下滑动可依次拨响多根弦(扫弦)。声音每次都通过 Karplus-Strong 弦乐合成重新生成。

E2 · 6 弦 1
A2 · 5 弦 2
D3 · 4 弦 3
G3 · 3 弦 4
B3 · 2 弦 5
E4 · 1 弦 6
按和弦扫弦

按键:数字 1~6 依次对应第 6 弦(粗 E)到第 1 弦(细 E)。

架子鼓

敲击鼓垫。每一声都由噪声与振荡器经滤波器和短包络当场合成(不使用采样)。

军鼓中心是军鼓(Z),敲鼓圈则是边击(C)。按键:Q 吊镲 · W 开镲 · E 闭镲 · A 高音嗵鼓 · S 中音嗵鼓 · D 落地嗵鼓 · Z 军鼓 · X 底鼓 · C 边击 · V 拍手。

音乐蝌蚪

模仿日本玩具乐器“音乐蝌蚪”(Otamatone)的音高滑杆。按住或拖动琴颈,音高会平滑滑动。

选项

C3

也可以用键盘演奏——与钢琴相同的布局(下排 Z~,上排 Q~I)。

常见问题

声音是怎么产生的?使用 mp3 之类的采样文件吗?
不,完全不使用采样音频文件。而是用浏览器内置的 Web Audio API每时每刻直接合成声音。钢琴和音乐蝌蚪用滤波器包裹振荡器,吉他则用 Karplus-Strong(把短促噪声送入延迟线并反复衰减的弦乐合成技术)生成拨弦声,架子鼓则用短包络包裹噪声与振荡器来模拟击打声。
按了却没有声音
浏览器有自动播放策略,在访客点击页面之前会阻止播放声音。请先随便点一下琴键、琴弦、鼓垫或琴颈。若是 iPhone,也请检查侧边的静音开关。
可以同时按多个键吗?
钢琴、吉他、架子鼓在多指触控或同时按多个键时都能各自独立发声。但音乐蝌蚪和真实乐器一样, 一次只发一个音——按住多个位置时,以最后按下的音为准。
音乐蝌蚪是什么?
由日本明和电机(Maywa Denki)推出的玩具兼乐器:用手指按住连在头形琴身上的杆来决定音高,捏琴身让“嘴巴”开合发声。在这里拖动琴颈,音高会像真实乐器一样平滑衔接,不会一格一格跳动。

相关工具