Guitar Tuner in HTML5.

onlinetuner.co is a web site that use WebAudio API to capture Guitar sound, analyse it and determine the difference from nearest string. Algorithm can be apply for other instruments or other type of tuning.

Please visit website : www.onlinetuner.co

1. Use Web Audio API to construct tree Analyse
2. Use getUserMedia to capture sound from client
3. Apply Blackman window on input signal
4. Apply FFT from dsp.js
5. Apply microphone response correction
6. Retrieve most contributed frequency
7. Find nearest note from frequency
8. Use HTML5 canvas to show difference and note

CircleWidget show difference in circle mode.

var widget = new OnlineTuner.Widget.CircleWidget(canvasElement, backColor, deltaColor, okColor, fontColor);

GuitarTuner is use in classic Guitar Tuning case. It compute frequency difference from guitar strings.

var tuner = new OnlineTuner.Controller.GuitareTuner(widget);

You can use onlinertuner as widget in your own website, and if you implement more controllers or widgets, keep it back!

<script type="text/javascript" src="https://raw.githubusercontent.com/citronneur/onlinetuner.co/master/js/onlinetuner.min.js"></script>
<script type="text/javascript">
	function start() {
		var tuners = [
			new OnlineTuner.Controller.GuitareTuner(new OnlineTuner.Widget.CircleWidget(canvasElement, backColor, deltaColor, okColor, fontColor));
		];
		
		new OnlineTuner.Analyser(tuners).install(function() {
			//ok 
		}, function(errorMessage) {
			//nok
		});
	}
</script>