This is an amazing project, but it is kinda complicated and takes time to figure out, this is a creative and practical project we can apply in our applications, it is just awesome, Mr, Kyle Cook is the man !!!
Hi Kyle, can you make a video on using frontend and backend together. Like a website that scrapes data from a website and shows on a webpage, with like Bootstrap. Hope to see the video come out !
Cool.. Nice video.. It would be cool with a count in and a metronome so you can keep time.. And touch events so we can play chords on a touch device :) Keep it up :)
Hi there, I just did Piano PT 1 and I really want to do this but I don't know ANY back end so it's really confusing and I can't do it - is there any tutorial I can follow before doing this that will allow me to understand it? thanks
I like how creative this is but please do it in an object oriented fashion. ```js class PianoRecorder { constructor (options) { const defaultOptions = {} this.options = Object.assign({}, defaultOptions, options) } start () { ... } } ```
I really do appreciate how you went about this project but I honestly want to know how you went about it; if possible leave a link of site where I can get the notes. I really want to understand it very well.
Before this video I place my .ejs files in *public* directory..... 😕😕😕 But after watching this video I learned not to place it into public directory. Thank sir!
This was going well for about halfway in, until I got the error “Cannot read property 'addEventListener' of null” referring to recordButton.addEventListener('click', toggleRecording). First I checked to verify no errors in copying the code you used in the tutorial - prolly 10 times to be really sure. Got this error every time I refreshed. It prevented the playback of the notes. Tried googling for a solution, and ultimately found an item suggesting that it had to do with the version of SpiderMonkey on OSX. Checked how to install/update SpiderMonkey, and installed it using Brew. Immediately I lost my connection to localhost:5000. Got the message "This site cannot he reached localhost refused to connect". I tried reinitializing the dependencies, rebooting, etc. Any suggestions? I'm more dead in the water than before.
I fixed it, if anyone else is having this issue there cannot be any spaces in the file name I went from "JavaScript Piano" to "JavaScript-Piano" for example and it worked.
I want to thank you from the very bottom of my heart for taking the time to create this content. I appreciate you so incredibly got damn much.
This is an amazing project, but it is kinda complicated and takes time to figure out, this is a creative and practical project we can apply in our applications, it is just awesome, Mr, Kyle Cook is the man !!!
such a great tutorial . keep it up man. love from iran
Thanks!
Could you make a full beginners tutorials for mongoose / mongodb?
I'm always interested in what you're making with html css + js.
mazing tutorial sir
Hi Kyle, can you make a video on using frontend and backend together. Like a website that scrapes data from a website and shows on a webpage, with like Bootstrap. Hope to see the video come out !
@Web Dev Simplified website doesnt open up after changing index to ejs?
how do i open command-line? Beacuase i could only find powershell on VS
I love this video so much. Thanks
Cool.. Nice video.. It would be cool with a count in and a metronome so you can keep time.. And touch events so we can play chords on a touch device :) Keep it up :)
Sincere, really willing to teach, thanks.
Can you do a part 3 where you show how to deploy on heroku?
genius!
why do you use ejs (server side rendering) instead of front end rendering? I'm very confused on that subject
Sir please make a video on css animation
Hi there, I just did Piano PT 1 and I really want to do this but I don't know ANY back end so it's really confusing and I can't do it - is there any tutorial I can follow before doing this that will allow me to understand it? thanks
when playing notes from view song section all the keys are played at same time.why?
Hello my friend, how can I download the recorded song, is there a easy function to do this pro?
I like how creative this is but please do it in an object oriented fashion.
```js
class PianoRecorder {
constructor (options) {
const defaultOptions = {}
this.options = Object.assign({}, defaultOptions, options)
}
start () {
...
}
}
```
I really do appreciate how you went about this project but I honestly want to know how you went about it; if possible leave a link of site where I can get the notes. I really want to understand it very well.
indeed document.querySelectorAll returns a NodeList. You can have the array version with
Array.from(document.querySelectorAll(...)) as well
Before this video I place my .ejs files in *public* directory..... 😕😕😕
But after watching this video I learned not to place it into public directory.
Thank sir!
This was going well for about halfway in, until I got the error “Cannot read property 'addEventListener' of null” referring to recordButton.addEventListener('click', toggleRecording). First I checked to verify no errors in copying the code you used in the tutorial - prolly 10 times to be really sure. Got this error every time I refreshed. It prevented the playback of the notes.
Tried googling for a solution, and ultimately found an item suggesting that it had to do with the version of SpiderMonkey on OSX. Checked how to install/update SpiderMonkey, and installed it using Brew. Immediately I lost my connection to localhost:5000. Got the message "This site cannot he reached localhost refused to connect". I tried reinitializing the dependencies, rebooting, etc. Any suggestions? I'm more dead in the water than before.
super late but this is more so for others that where looking for the solution in the comments, adding a simple[0] aftter recordbutton solves it
@@drenrights7018 Hey there, hope you see this dren. Which recordButton do we add [0] to? The const, the event listener?
npm command doesnt work?
Awesome
Looks easy enough, but actually so hard
There are definitely some tricky parts to making sure the state of the app stays consistent.
Having problem with
its showing my currentSong variable is not defined
when console logged in js
I am getting an error when typing npm init -y, it says "npm ERR! Invalid name"
I fixed it, if anyone else is having this issue there cannot be any spaces in the file name I went from "JavaScript Piano" to "JavaScript-Piano" for example and it worked.
@@SuhweeSoftware should've been obvious.
what? i dont have any spaces and it still doesn't work for me
What is React flux ..make on video this topic
I miss adderall
Second