This is a project demonstrating the WebAudio API. It renders an on-screen keyboard using React, and binds a WebAudio node to each key on key presses.
Check it out here: https://sepulchre49.github.io/react-piano/
To test your own copy, fork this repository, install the dependencies with npm i
, & run npm start
You can change the host IP & port number the app is served on in 'webpack.config.js', under the modules.exports.devServer object.
For a guide on making your own synthesizer, reference https://developer.mozilla.org/en-US/docs/Web/API/Web_Audio_API/Simple_synth