view www/emma/controls.html @ 101:52e44ee1c791 tip master

enabled all scores in autostart script
author Rob Canning <rc@kiben.net>
date Tue, 21 Apr 2015 16:20:57 +0100
parents d8f494bdbb18
children
line wrap: on
line source
<!DOCTYPE html>
<html>
  <head>
    <link href="css/nodescore.css" rel="stylesheet">
    <script src="js/jquery-1.7.1.min.js"></script>
    <script src="/socket.io/socket.io.js"></script>
     <script src="js/nodescore-client.js"></script>
    <script src="js/controlseq.js"></script>
  </head>

  <body>  
    <input type="hidden" id="group" value='1'>
      <div class="outermaster">
	<div id="client_chronometer">00:00:00.0</div>
	<div class="metrocase">
	  <div id="metronome0"></div>
	  <div id="metronome1"></div>
	  <div id="metronome2"></div>
	  <div id="metronome3"></div>
	</div>
		
	<div class="outersquare">      
	  <div>
	    <p class="magicsquare" id="1magicsquare0"></p>
	    <p class="magicsquare" id="1magicsquare1"></p>
	    <p class="magicsquare" id="1magicsquare2"></p>
	    <p class="magicsquare" id="1magicsquare3"></p>
	    <p class="magicsquare" id="1magicsquare4"></p>
	    <p class="magicsquare" id="1magicsquare5"></p>
	  </div>
	  <br><br><br><br>
	  <div>
	    <p class="magicsquare" id="2magicsquare0"></p>
	    <p class="magicsquare" id="2magicsquare1"></p>
	    <p class="magicsquare" id="2magicsquare2"></p>
	    <p class="magicsquare" id="2magicsquare3"></p>
	    <p class="magicsquare" id="2magicsquare4"></p>
	    <p class="magicsquare" id="2magicsquare5"></p>
	  </div>
	  <br><br><br><br>
	  <div>
	    <p class="magicsquare" id="3magicsquare0"></p>
	    <p class="magicsquare" id="3magicsquare1"></p>
	    <p class="magicsquare" id="3magicsquare2"></p>
	    <p class="magicsquare" id="3magicsquare3"></p>
	    <p class="magicsquare" id="3magicsquare4"></p>
	    <p class="magicsquare" id="3magicsquare5"></p>
	  </div>
	  <br><br><br><br>
	  <div>
	    <p class="magicsquare" id="4magicsquare0"></p>
	    <p class="magicsquare" id="4magicsquare1"></p>
	    <p class="magicsquare" id="4magicsquare2"></p>
	    <p class="magicsquare" id="4magicsquare3"></p>
	    <p class="magicsquare" id="4magicsquare4"></p>
	    <p class="magicsquare" id="4magicsquare5"></p>
	  </div>
	</div>
	  <br><br><br><br>      <br><br><br><br>
	  
	  <input type="button" value="START" onclick="startSeq();" />
	  <input type="button" value="STOP" onclick="stopSeq();" />
	  <input type="button" value="RESET" onclick="resetSeq();" />
	  
	  <br><br>


	  <div class="latencies">	
	    <p id="client_latency">0ms</p>
	  </div>

<div id="datetime"></div>

      </div>	
      



      





    
</body>
</html>