Skip to content

caleb-fringer/react-piano

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

70 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

React Piano

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

About

A basic piano app, written in React using the WebAudio API

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published