Mercurial > hg > nodescore
comparison www/m/controls.html @ 5:9070b2a7ca65
nodescore magicsquare example web files commited
| author | tzara <rc-web@kiben.net> |
|---|---|
| date | Wed, 04 Jul 2012 13:10:04 +0000 |
| parents | |
| children | 33e6dc370ef7 |
comparison
equal
deleted
inserted
replaced
| 4:e1e53574e68d | 5:9070b2a7ca65 |
|---|---|
| 1 <!DOCTYPE html> | |
| 2 <html> | |
| 3 <head> | |
| 4 <link href="css/style-performer.css" rel="stylesheet"> | |
| 5 <link href="css/metronome.css" rel="stylesheet"> | |
| 6 <script src="http://code.jquery.com/jquery-1.6.1.min.js"></script> | |
| 7 <script src="/jquery-uijs/jquery-ui-1.8.17.custom.min.js"></script> | |
| 8 <script src="/socket.io/socket.io.js"></script> | |
| 9 <script src="js/metronome.js"></script> | |
| 10 <script src="js/client.js"></script> | |
| 11 <script src="js/controlseq.js"></script> | |
| 12 </head> | |
| 13 <body> | |
| 14 | |
| 15 <input type="hidden" id="group" value='1'> | |
| 16 | |
| 17 <h1>Multicast Network Score Controls</h1> | |
| 18 <div class="outermaster"> | |
| 19 | |
| 20 <div id="client_chronometer">00:00:00.0</div> | |
| 21 | |
| 22 <div class="metrocase"> | |
| 23 <div id="metronome0"></div> | |
| 24 <div id="metronome1"></div> | |
| 25 <div id="metronome2"></div> | |
| 26 <div id="metronome3"></div> | |
| 27 </div> | |
| 28 | |
| 29 | |
| 30 <div> | |
| 31 <h2>Calculate Client Latencies</h2><br> | |
| 32 <input type="button" value="Get Latencies" onclick="getLatencies(1000);" /> | |
| 33 <h2 id="client_latency">0ms</h2> | |
| 34 </div> | |
| 35 | |
| 36 | |
| 37 | |
| 38 <h2>Magic Sequencer Monitor</h2><br> | |
| 39 | |
| 40 <div> | |
| 41 <p class="magicsquare" id="1magicsquare0"></p> | |
| 42 <p class="magicsquare" id="1magicsquare1"></p> | |
| 43 <p class="magicsquare" id="1magicsquare2"></p> | |
| 44 <p class="magicsquare" id="1magicsquare3"></p> | |
| 45 <p class="magicsquare" id="1magicsquare4"></p> | |
| 46 <p class="magicsquare" id="1magicsquare5"></p> | |
| 47 </div> | |
| 48 | |
| 49 <br><br> <br><br> | |
| 50 | |
| 51 <div> | |
| 52 <p class="magicsquare" id="2magicsquare0"></p> | |
| 53 <p class="magicsquare" id="2magicsquare1"></p> | |
| 54 <p class="magicsquare" id="2magicsquare2"></p> | |
| 55 <p class="magicsquare" id="2magicsquare3"></p> | |
| 56 <p class="magicsquare" id="2magicsquare4"></p> | |
| 57 <p class="magicsquare" id="2magicsquare5"></p> | |
| 58 </div> | |
| 59 | |
| 60 <br><br> <br><br> | |
| 61 <div> | |
| 62 <p class="magicsquare" id="3magicsquare0"></p> | |
| 63 <p class="magicsquare" id="3magicsquare1"></p> | |
| 64 <p class="magicsquare" id="3magicsquare2"></p> | |
| 65 <p class="magicsquare" id="3magicsquare3"></p> | |
| 66 <p class="magicsquare" id="3magicsquare4"></p> | |
| 67 <p class="magicsquare" id="3magicsquare5"></p> | |
| 68 </div> | |
| 69 | |
| 70 <br><br> <br><br> | |
| 71 | |
| 72 <div> | |
| 73 <p class="magicsquare" id="4magicsquare0"></p> | |
| 74 <p class="magicsquare" id="4magicsquare1"></p> | |
| 75 <p class="magicsquare" id="4magicsquare2"></p> | |
| 76 <p class="magicsquare" id="4magicsquare3"></p> | |
| 77 <p class="magicsquare" id="4magicsquare4"></p> | |
| 78 <p class="magicsquare" id="4magicsquare5"></p> | |
| 79 </div> | |
| 80 | |
| 81 <br><br> <br><br> | |
| 82 | |
| 83 | |
| 84 <input type="button" value="START" onclick="startSeq();" /> | |
| 85 <input type="button" value="STOP" onclick="stopSeq();" /> | |
| 86 | |
| 87 <br><br> | |
| 88 | |
| 89 | |
| 90 | |
| 91 | |
| 92 | |
| 93 <a href="JavaScript:newPopup('http://nodescore.kiben.net:8889/msq/1.html');">client_1</a> | |
| 94 <a href="JavaScript:newPopup('http://nodescore.kiben.net:8889/msq/2.html');">client_2</a> | |
| 95 <a href="JavaScript:newPopup('http://nodescore.kiben.net:8889/msq/3.html');">client_3</a> | |
| 96 <a href="JavaScript:newPopup('http://nodescore.kiben.net:8889/msq/4.html');">client_4</a> | |
| 97 | |
| 98 | |
| 99 | |
| 100 | |
| 101 </body> | |
| 102 </html> |