A simple website where you can play drums and piano made with js, css, and html.
I love music and programming and so thought of making an app where it is possible to play music.
I searched google and the Drums JS were part of 30DaysOfJavascript by WesBos. I watched the video, absorbed the concept and then coded it myself. I also added extra features like responsive design, play by clicking, different way of referencing data key.
There's tons of videos on youtube about piano by js. Watched a few but I believe the css code I used is different from all. I made it responsive and also incorporated the keys so that it produce the sounds of the corresponding notes.
Data-Keys attributes. audio functions. audio object. nodeList vs array. string manupilations. linking local urls. And of course asking better questions at google.
- drums does not work with "use strict". so current code is likely not the best practice.
- no piano animations yet.
- play piano with key press have not been implemented yet.
- about page still empty.