Difference between revisions of "Keyboard Web App"

From vjmedia
m
 
Line 9: Line 9:
  
 
[https://github.com/riblair/MyKeyboardWebApp Github repositiory]
 
[https://github.com/riblair/MyKeyboardWebApp Github repositiory]
 +
 +
[[Category:Foundations of Music Technology (2300)]]

Latest revision as of 05:21, 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

My Website Link

Github repositiory