https://vjmedia.wpi.edu/index.php?action=history&feed=atom&title=Keyboard_Web_App 2026-07-10T04:32:09Z Revision history for this page on the wiki MediaWiki 1.31.8 https://vjmedia.wpi.edu/index.php?title=Keyboard_Web_App&diff=252506&oldid=prev 2023-07-03T05:21:08Z

<p></p> <table class="diff diff-contentalign-left" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="en"> <td colspan="2" style="background-color: #fff; color: #222; text-align: center;">← Older revision</td> <td colspan="2" style="background-color: #fff; color: #222; text-align: center;">Revision as of 05:21, 3 July 2023</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l9" >Line 9:</td> <td colspan="2" class="diff-lineno">Line 9:</td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'>&#160;</td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[https://github.com/riblair/MyKeyboardWebApp Github repositiory]</div></td><td class='diff-marker'>&#160;</td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[https://github.com/riblair/MyKeyboardWebApp Github repositiory]</div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></ins></div></td></tr> <tr><td colspan="2">&#160;</td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">[[Category:Foundations of Music Technology (2300)]]</ins></div></td></tr> <!-- diff cache key wikidb-vjmedia_:diff::1.12:old-252505:rev-252506 --> </table>

Rpblair https://vjmedia.wpi.edu/index.php?title=Keyboard_Web_App&diff=252505&oldid=prev 2023-07-03T05:19:45Z

<p></p> <table class="diff diff-contentalign-left" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="en"> <td colspan="2" style="background-color: #fff; color: #222; text-align: center;">← Older revision</td> <td colspan="2" style="background-color: #fff; color: #222; text-align: center;">Revision as of 05:19, 3 July 2023</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1" >Line 1:</td> <td colspan="2" class="diff-lineno">Line 1:</td></tr> <tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>MU2300 Final Project.</div></td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins class="diffchange diffchange-inline">Riley Blair's </ins>MU2300 Final Project.</div></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'>&#160;</td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'>&#160;</td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>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.</div></td><td class='diff-marker'>&#160;</td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>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.</div></td></tr> <!-- diff cache key wikidb-vjmedia_:diff::1.12:old-252504:rev-252505 --> </table>

Rpblair https://vjmedia.wpi.edu/index.php?title=Keyboard_Web_App&diff=252504&oldid=prev 2023-07-03T05:17:59Z

<p>Created page with &quot;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...&quot;</p> <p><b>New page</b></p><div>MU2300 Final Project.<br /> <br /> 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.<br /> <br /> Here is a video showing off the functionality of the website.<br /> [[:File:screen-capture.mp4]]<br /> <br /> [http://mymusicsite.s3-website.us-east-2.amazonaws.com/ My Website Link]<br /> <br /> [https://github.com/riblair/MyKeyboardWebApp Github repositiory]</div>

Rpblair