Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

Show HN: I built an HTML 5 Guitar Tuner

freetuner.co

Post reply on HN
Print view View original

11–20 of 55 posts

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

#14

Post by publicfig »

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. Thanks for sharing!

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

#15

Post by hoddez »

exDM69 wrote: post #10

Good work, thank you. I have been looking for a free guitar tuner and I have had varying experiences with the ones I've used. I mostly use a linux native app called lingot. It does the job but has small annoying bugs (settings file is not parsed properly, my ALSA device CARD:foo,bar=baz fails because of the colon character, I'll write a patch one of these days). This guitar tuner works, I tuned my guitar succesfully…

"I tuned my guitar succesfully with it" Cool! That's what I like to hear.

Thanks for the review and feedback. The performance delay may be due to the high volume right now because of the posting.

Also this is a very very simple algorithm that I will likely replace. As stated below, the cool thing (I think) about this is that its all javascript. All other online tuners require flash to use the microphone. This is still somewhat of a proof of concept/prototype and I hope to improve.

I tested this on a macbook pro with the built-in microphone and mostly Chrome. It's great to know that it works on a completely different platform.

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

#16

Post by guynamedloren »

a3camero wrote: post #2

I don't have a guitar but I can tap on my desk, and that seems to result in random notes. Maybe there's a way to improve the detection so it knows it's a guitar note?

hoddez: this is a non-issue and a poor suggestion, please ignore this advice and continue to make great things. I doubt anybody has ever had trouble tuning their guitar because they accidentally tapped their desk instead of strumming their guitar, subsequently getting lost in a pool of confusion. Just doesn't happen, so no point in building a solution to that 'problem'.

Sometimes people go out of their way to find flaws with a service - this is one of those times.

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

#17

Post by kybernetikos »

snorkel wrote: post #13
udfalkso wrote: post #12

Awesome. How does the audio analysis work? Is it all happening client side?

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.

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

#19

Post by hawkharris »

I don't own a guitar, so I tested this web app by making guitar-like noises. It turns out my voice produces "C" chords...and my neighbors probably think I'm insane.

(Jokes aside, this has a great design and it's an interesting application of the microphone API. Hope to see more apps using this feature in the future, especially in conjunction with the cool voice-to-JSON APIs that have recently come out.)

Post reply on HN