TE
科技回声
首页24小时热榜最新最佳问答展示工作
GitHubTwitter
首页

科技回声

基于 Next.js 构建的科技新闻平台,提供全球科技新闻和讨论内容。

GitHubTwitter

首页

首页最新最佳问答展示工作

资源链接

HackerNews API原版 HackerNewsNext.js

© 2025 科技回声. 版权所有。

Show HN: I built an HTML 5 Guitar Tuner

134 点作者 hoddez超过 11 年前

29 条评论

daeken超过 11 年前
This isn&#x27;t exactly an app or traditional tuner, but I recently put a TronicalTune unit on one of my guitars (Les Paul Studio -- it&#x27;s my project guitar) and it&#x27;s the coolest thing I&#x27;ve ever played with: <a href="http://www.tronical.com/" rel="nofollow">http:&#x2F;&#x2F;www.tronical.com&#x2F;</a> Makes it so easy to switch tunings, the locking tuners are great (learning to string it up properly takes some time, but it&#x27;s worth it), and it doesn&#x27;t add too much weight to the headstock. Can&#x27;t recommend it enough for guitarists with compatible equipment; really wish they&#x27;d make one that would fit on my 8-string or my PRS!<p>(Note: Not affiliated with them in any way, just become a huge fanboy lately!)
评论 #7280393 未加载
评论 #7280526 未加载
评论 #7280613 未加载
publicfig超过 11 年前
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&#x27;s pretty cool!<p><a href="http://i.imgur.com/GV5TktA.png" rel="nofollow">http:&#x2F;&#x2F;i.imgur.com&#x2F;GV5TktA.png</a><p>Edit: I should also mention that this is really well done, and I&#x27;ve been looking for something simple like this for a while. Thanks for sharing!
评论 #7280039 未加载
hawkharris超过 11 年前
I don&#x27;t own a guitar, so I tested this web app by making guitar-like noises. It turns out my voice produces &quot;C&quot; chords...and my neighbors probably think I&#x27;m insane.<p>(Jokes aside, this has a great design and it&#x27;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.)
exDM69超过 11 年前
Good work, thank you. I have been looking for a free guitar tuner and I have had varying experiences with the ones I&#x27;ve used.<p>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&#x27;ll write a patch one of these days).<p>This guitar tuner works, I tuned my guitar succesfully with it but it was a bit painful. I&#x27;m on Firefox 27.0 on Linux, using Alsa, no PulseAudio. I am using a Microsoft LifeChat headphone + microphone laid on the table before me that is good enough to tune my guitar with Lingot. I would have tried Chromium for comparison but it seems I have a version that is too old.<p>There was a very bad latency, around 1 second from playing a note to seeing feedback on the display. The information I got back was decent and good enough to get my guitar in tune. Overall the quality of this was somewhat comparable to a cheap guitar tuner from the 1990s with an internal microphone. But I think the culprit here is the platform (ie. browser + audio frameworks) rather than the quality of the app itself.<p>What platform(s) have you used with tuner and how did it work out? What browser, OS and audio system did you use?<p>If you want me to help out testing this app, please reply and tell me what to test and I will.
评论 #7279674 未加载
austinl超过 11 年前
I just tested this against my Snark Clip On tuner (<a href="http://www.snarktuners.com/tuners/original-clip-on" rel="nofollow">http:&#x2F;&#x2F;www.snarktuners.com&#x2F;tuners&#x2F;original-clip-on</a>) and it&#x27;s almost identical. I hope your site eventually passes the other &quot;guitar tuners&quot; in Google search results that just play the tones, great job overall.
theatraine超过 11 年前
I used this tuner to test it: <a href="http://www.audionotch.com/app/tune/" rel="nofollow">http:&#x2F;&#x2F;www.audionotch.com&#x2F;app&#x2F;tune&#x2F;</a> (and this chart: <a href="http://en.wikipedia.org/wiki/Piano_key_frequencies" rel="nofollow">http:&#x2F;&#x2F;en.wikipedia.org&#x2F;wiki&#x2F;Piano_key_frequencies</a>) Seems to work well! Good work.
DougHaber超过 11 年前
I also made and released a chromatic instrument tuner using web audio input a while back:<p><a href="http://www.leshylabs.com/apps/tuner/" rel="nofollow">http:&#x2F;&#x2F;www.leshylabs.com&#x2F;apps&#x2F;tuner&#x2F;</a><p>I haven&#x27;t looked too closely, but my technique is probably a bit different. I use FFT only to gain a hint of where to look. FFT itself, at least in the form that is built into the web audio api, is not accurate enough for a tuner. Instead, after FFT tells me where to look, I use auto-correlation to scan those frequencies. I&#x27;m not sure if this is the ideal technique, but it seems to work pretty well.<p>I may have released too early, because back when I wrote this web audio input only worked in limited versions of Chrome. It didn&#x27;t even work in the main release without changing flags, and so my release went mostly unnoticed on the internet.<p>I haven&#x27;t checked in a few months, but I&#x27;ve been waiting for mobile support to catch up. Firefox mobile beta started somewhat working a few months ago, and I don&#x27;t know if that moved up into the main version. While Chrome works well on the desktop now, on mobile I don&#x27;t think they have any working web audio input support, unless that changed recently.
bhrgunatha超过 11 年前
This is great.<p>It seems to have trouble with the A on both of my classical guitars. The needle skips directly from one tick below to one tick above while never lighting up (despite the string being tuned correctly.)<p>Interestingly the needle shows C, D and E correctly using the A string at the 3rd 5th and 7th frets.
nanidin超过 11 年前
I used a library I found on github for a similar project - here&#x27;s their demo page: <a href="http://deibelman.github.io/dart-mic/demo.html" rel="nofollow">http:&#x2F;&#x2F;deibelman.github.io&#x2F;dart-mic&#x2F;demo.html</a><p>For my project, I was charting the dominant frequency for fun.
评论 #7279813 未加载
donrhummy超过 11 年前
This worked on Chrome on Android (KitKat 4.4) but <i>not</i> on Firefox Beta for Android. Both correctly showed the microphone sharing notification, but on Firefox, no sound ever registers.
评论 #7281296 未加载
vacri超过 11 年前
Interesting. I don&#x27;t have a microphone, but it did detect my Rocksmith guitar cable as a mike. It almost worked, but didn&#x27;t quite get the right tone - I&#x27;m assuming the custom cable isn&#x27;t just a straight-out mike.<p>The needle was very stuttery, as opposed to other tuners which have a much higher frequency update. Is it always like this, or am I seeing perhaps an interaction effect with this non-standard mike?<p>Nice work, though.
paperwork超过 11 年前
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&#x27;m plucking the right string. Something like this could be easily extended to help provide feedback for such exercises.
aalpbalkan超过 11 年前
Please try Guitar Tuner.app on Mac OS X. It has a neat UI so I can see where the sound falls within on the scale. Took a screenshot for you: <a href="http://imgur.com/XCge66b" rel="nofollow">http:&#x2F;&#x2F;imgur.com&#x2F;XCge66b</a><p>Personally that UI is better for me.
cyberjunkie超过 11 年前
You could add presets for different tunings and strings. That would help :)
ryanwhitney超过 11 年前
No standalone tuner on me, and both Guitar Toolkit and GarageBand&#x27;s crap hit-or-miss tuner were failing me with a bass. Remembered seeing this and got tuned up in no time. Thanks for making it.
jeena超过 11 年前
Wow, great work, I will check out the code and bookmark the page. I struggle to find a program to tune my accustic guitarr because I&#x27;m often on different computers.<p>And nice touch with the countdown too.
a3camero超过 11 年前
I don&#x27;t have a guitar but I can tap on my desk, and that seems to result in random notes. Maybe there&#x27;s a way to improve the detection so it knows it&#x27;s a guitar note?
评论 #7279612 未加载
评论 #7279686 未加载
评论 #7279486 未加载
评论 #7279610 未加载
评论 #7279487 未加载
cdelsolar超过 11 年前
Nice job. It&#x27;s always hard to find a good guitar tuner app and this could become my go-to from now on :) (at least until I develop perfect pitch)
Uehreka超过 11 年前
This is awesome. I&#x27;ve bookmarked this for the next time I lose my tuner.<p>Only question, why does it have a 5 minute timeout?
mmastrac超过 11 年前
Very neat. What&#x27;s the timeout for?
评论 #7279622 未加载
plg超过 11 年前
not supported in Safari? (7.0.1)
评论 #7280314 未加载
bijanous超过 11 年前
There are many similar programs on google play and apple app store. But good job.
udfalkso超过 11 年前
Awesome. How does the audio analysis work? Is it all happening client side?
评论 #7279643 未加载
yuuks超过 11 年前
Just tried it out with my synth, worked well. Good work :)
hope1985超过 11 年前
nice job! I test it and worked well. But why you say that built it with HTML 5? It just is JavaScript!
skweezebox超过 11 年前
Cool! I like the clean interface.
drasko超过 11 年前
can someone tell me when &quot;html 5&quot; started meaning &quot;javascript&quot;
OhHeyItsE超过 11 年前
do we need any more evidence that the web will win?
ellisonleao超过 11 年前
very nice! congratulations!