Difference between revisions of "Keyboard Web App"
From vjmedia
(Created page with "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 th...") |
|||
| Line 1: | Line 1: | ||
| − | MU2300 Final Project. | + | 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. | 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. | ||
Revision as of 05:19, 3 July 2023
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