Web Audio 在线钢琴

通过振荡器和增益包络合成简单琴音，无需音频文件。

交互演示 React

亲手试一试，更容易理解。

在当前页面运行 Web Audio 在线钢琴的交互示例。

交互指南

点击本页的“运行演示”，或在独立窗口中体验示例。也可在 src 下的页面中直接挂载现有演示：

tsx

import Example from "./third-party-lib/react-flow/online-piano/index";

export default function ExamplePage() {
  return <Example />;
}

需要浏览器支持 AudioContext，并可能要求先点击页面以允许声音。黑键是装饰元素，当前只实现八个白键音符。