<!doctypehtml><title>
   PIANO
  </title><script src=../instScripts/deps/jquery-1.10.2.min.js></script><script src=../instScripts/deps/modernizr.custom.js></script><script src=../instScripts/deps/soundmanager2.min.js></script><link href=../instStyle/piano.css rel=stylesheet><script>(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
	  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
	  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
	  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

	  ga('create', 'UA-1786839-7', 'auto');
	  ga('send', 'pageview');

		window.soundContext = window.AudioContext ? new window.AudioContext() : new window.webkitAudioContext();</script><body><noscript>Please enable javascript for this page to work</noscript><div id=titlebar><a href=https://makeymakey.com id=icon> <img src=mm-logo.png> </a></div><div id=container><div id=C></div><div id=D></div><div id=E></div><div id=F></div><div id=G></div><div id=A><div id=A_hover></div></div></div><div id=loading><div id=loadingText>Loading...</div></div><script>document.querySelector('#container').addEventListener('click', function() {
			window.soundContext.resume().then(() => {
			});
		});

		/*
			maps note names to image and audio names
		*/
		var KEYMAP = {
			"C" : {
				audio : "piano/c4",
				image : "piano_left",
				keyCode : 37
			},
			"D" : {
				audio : "piano/d4",
				image : "piano_up",
				keyCode : 38
			},
			"E" : {
				audio : "piano/e4",
				image : "piano_right",
				keyCode : 39
			},
			"F" : {
				audio : "piano/f4",
				image : "piano_down",
				keyCode : 40
			},
			"G" : {
				audio : "piano/g4",
				image : "piano_space",
				keyCode : 32
			},
			"A" : {
				audio : "piano/a4",
				image : "piano_click",
				keyCode : null
			}
		};</script><script src=../instScripts/app/Inst.js></script>