index.html

<!DOCTYPE html>
<html>
<head>
	<!-- 
		Code created by Alex Ruthmann and the NYU Music Experience Design Lab - http://musedlab.org/
		Department of Music and Performing Arts Professions
		NYU Steinhardt - http://steinhardt.nyu.edu/music/
		Repository is online at https://github.com/NYUMusEdLab/augmentedvideo
		
		Adapted from a SITE BY YOTAM MANN
		yotammann.info
		
	 -->
	<title>Insert Title Here</title>
	<!--dependencies-->
	<script src="./js/jquery-1.10.2.min.js"></script>
	<script src="./js/modernizr.custom.js"></script>
	<script src='./js/soundmanager2.min.js'></script>
	<!-- css -->
	<link rel="stylesheet" type="text/css" href="./style.css">
</head>
<body>
	<noscript>
		Please enable javascript for this page to work
	</noscript>
	<div id='titlebar'>
		<a id='icon' href=""><img src='./media/img/banner.png'/ width=1270></a>
	</div>
	<div id="container">
		<iframe width="950" height="540" src="//www.youtube.com/embed/youtubeid" frameborder="0" autoplay loop=1 autohide=1 disablekb=1 enablejsapi=1 modestbranding z-index="-3" controls=0></iframe>
		<!-- <video width="950" height="540" controls loop volume="0.6">
  			<source src="https://www.youtube.com/watch?v=youtubeid" type="video/mp4">
  			<source src="media/piano.m4v" type="video/m4v">
				Your browser does not support the video tag.
		</video>-->
        <!--  Uncomment this to add DIVs for image overlays
        <div id="a"></div>
		<div id="s"></div>
		<div id="d"></div>
		<div id="f"></div>
		<div id="z"></div>
		<div id="x"></div>
		<div id="h6"></div>
		<div id="k1"></div>
		<div id="k2"></div>
		<div id="k3"></div>
		<div id="oh1"></div>
		<div id="s1"></div>
		<div id="s2"></div>
		<div id="s3"></div>
		<div id="s4"></div> 
		-->
		</div>
	</div>
	<div id="credits" text-align=center>
		<center>
		</center>
	</div>
	
	<div id="loading">
		<div id="loadingText">Loading...</div>
	</div>
	<!--application-->
	<script type="text/javascript">
		/*
			maps note names to image and audio namess
		*/
		var KEYMAP = {
			"z" : {  			 // trigger key on computer keyboard
				audio : "sample",        // audio file name without extension (.mp3, .wav, .ogg)
				image : "image", 	 // image file name without extension (.png)
				keyCode : 122       	 // ASCII keycode for computer key
			},
			
			"x" : {					
				audio : "",			
				image : "",			
				keyCode : 120 			
			},
		
			"c" : {					
				audio : "",			
				image : "",			
				keyCode : 122   	
			},
			
			"v" : {					
				audio : "",			
				image : "",			
				keyCode : 118 			
			},
			
			"b" : {					
				audio : "",			
				image : "",			
				keyCode : 98		
			},
			
			"n" : {					
				audio : "",			
				image : "",			
				keyCode : 110		
			},
			
			"m" : {					
				audio : "",			
				image : "",			
				keyCode : 109 		
			},	
			
			"," : {					
				audio : "",			
				image : "",		
				keyCode : 44		
			},
		
			"." : {				
				audio : "",		
				image : "",		
				keyCode : 46		
			},
			
			"/" : {					
				audio : "",			
				image : "",			
				keyCode : 47		
			},
			
			"a" : {				
				audio : "",		
				image : "",		
				keyCode : 97		
			},
			
			"s" : {
				audio : "",		
				image : "",		
				keyCode : 115		
			},
			
			"d" : {					
				audio : "",		
				image : "",		
				keyCode : 100		
			},	
			
			"f" : {				
				audio : "",		
				image : "",			
				keyCode : 102			
			},
		
			"g" : {					
				audio : "",		
				image : "",		
				keyCode : 103 		
			},
			
			"h" : {					
				audio : "",		
				image : "",		
				keyCode : 104		
			},
			
			"j" : {					
				audio : "",		
				image : "",		
				keyCode : 106		
			},
			
			"k" : {				
				audio : "",
				image : "",		
				keyCode : 107		
			},
			
			"k" : {				
				audio : "",		
				image : "",		
				keyCode : 108			
			},	
			
			"l" : {				
				audio : "",		
				image : "",		
				keyCode : 109 		
			},
		
			";" : {				
				audio : "",		
				image : "",		
				keyCode : 59 	
			},
			
			"'" : {				
				audio : "",			
				image : "",			
				keyCode : 42 			
			},
			
			"q" : {					
				audio : "",			
				image : "",			
				keyCode : 113		
			},
			
			"w" : {					
				audio : "",			
				image : "",		
				keyCode : 119		
			},
			
			"e" : {				
				audio : "",		
				image : "",		
				keyCode : 101		
			},	
			
			"r" : {				
				audio : "",		
				image : "",		
				keyCode : 114			
			},
		
			"t" : {				
				audio : "",			
				image : "",		
				keyCode : 116		
			},
			
			"y" : {					
				audio : "",		
				image : "",			
				keyCode : 121		
			},
			
			"u" : {				
				audio : "",		
				image : "",		
				keyCode : 117		
			},
			
			"i" : {				
				audio : "",			
				image : "",			
				keyCode : 105		
			},
			
			"o" : {					
				audio : "",			
				image : "",
				keyCode : 111			
			},	
			
			"p" : {			
				audio : "",			
				image : "",			
				keyCode : 112		
			},
		
			"[" : {				
				audio : "",		
				image : "",		
				keyCode : 91		
			},
			
			"]" : {				
				audio : "",			
				image : "",			
				keyCode : 93			
			},
			
						
		};

	</script>
	<script src="./js/Inst.js"></script>

<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','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-49474864-2', 'nyu.edu');
  ga('send', 'pageview');

</script>

</body>
</html>