Keyboard Web App

From vjmedia

Riley Blair's MU2300 Final Project.

For my final project I made a webapp in Javascript using React to simulate a keyboard. I found the WebAudio API online and wanted to create something that could utilize its functionality to simulate midi encoded playback of audio. What I have currently is a keyboard controlled by the mouse with a simple ADSR curve to shape the sound of the base sine wave. Extra functionality includes a volume slider for adjusting audio output, and a scale player including the 12 major scales.

Here is a video showing off the functionality of the website. File:screen-capture.mp4

My Website Link

Github repositiory