Live data from Hacker News

Show HN: I built an HTML 5 Guitar Tuner

freetuner.co

21–30 of 55 posts

Re: Show HN: I built an HTML 5 Guitar Tuner

#21
post #18

I used a library I found on github for a similar project - here's their demo page: http://deibelman.github.io/dart-mic/demo.html For my project, I was charting the dominant frequency for fun.

Whoa cool thanks for sharing that. This could have been very helpful, and still might be. I'll have to check it out and see what they did differently and how the performance compares.

Re: Show HN: I built an HTML 5 Guitar Tuner

#23
post #21
post #18

I used a library I found on github for a similar project - here's their demo page: http://deibelman.github.io/dart-mic/demo.html For my project, I was charting the dominant frequency for fun.

Whoa cool thanks for sharing that. This could have been very helpful, and still might be. I'll have to check it out and see what they did differently and how the performance compares.

Underneath, it uses DSP.js also, so I'd imagine it's pretty similar. I am able to get autocorrelation & FFT frequency results out & graph them at about 50hz without any optimization on my rather old laptop in Chrome.

Re: Show HN: I built an HTML 5 Guitar Tuner

#24
post #13

Earlier quoted context omitted.

Yup, all client side. You can view source on the page and read the javascript code doing the Fourier Transforms on the audio sample.

What's the socket.io for? Also, am I right in saying that you did your own fft rather than use the built in analyser? I tried to do one with the built in analyser a while back and had mixed results.

He's using (or at least loading) the DPS.js library: https://github.com/corbanbrook/dsp.js/

Re: Show HN: I built an HTML 5 Guitar Tuner

#25
Interesting, just last night I was searching google to see if it is possible to write a guitar tuner in html 5 :) I just started learning the guitar. When I do basic finger exercises, I have no idea if I'm plucking the right string. Something like this could be easily extended to help provide feedback for such exercises.

Re: Show HN: I built an HTML 5 Guitar Tuner

#26

Oddly enough, this is the app that made me realize that Chrome puts a recording symbol next to the name of the page when a page is using your microphone now (kind of like when they put the speaker icon on tabs that are playing sound). I think that's pretty cool! http://i.imgur.com/GV5TktA.png Edit: I should also mention that this is really well done, and I've been looking for something simple like this for a while. T…

This is good, but what would be great is if I can click on that icon and silence the page. This would be useful to silence those ads that play a video automatically and don't provide a stop button

Re: Show HN: I built an HTML 5 Guitar Tuner

#30
This isn't exactly an app or traditional tuner, but I recently put a TronicalTune unit on one of my guitars (Les Paul Studio -- it's my project guitar) and it's the coolest thing I've ever played with: http://www.tronical.com/ Makes it so easy to switch tunings, the locking tuners are great (learning to string it up properly takes some time, but it's worth it), and it doesn't add too much weight to the headstock. Can't recommend it enough for guitarists with compatible equipment; really wish they'd make one that would fit on my 8-string or my PRS!

(Note: Not affiliated with them in any way, just become a huge fanboy lately!)

Post reply on HN