annotate www/m/controls.html @ 10:0e5543ccb8fb

fixed transport control of metro and countdown visualisation on control page
author tzara <rc-web@kiben.net>
date Fri, 06 Jul 2012 10:48:15 +0100
parents 83dfd5f7186a
children 0a8133490050
rev   line source
rc-web@5 1 <!DOCTYPE html>
rc-web@5 2 <html>
rc-web@5 3 <head>
rc-web@6 4 <link href="css/nodescore.css" rel="stylesheet">
rc-web@5 5 <link href="css/metronome.css" rel="stylesheet">
rc-web@6 6 <script src="js/jquery-1.7.1.min.js"></script>
rc-web@5 7 <script src="/socket.io/socket.io.js"></script>
rc-web@5 8 <script src="js/metronome.js"></script>
rc-web@5 9 <script src="js/client.js"></script>
rc-web@5 10 <script src="js/controlseq.js"></script>
rc-web@5 11 </head>
rc-web@5 12 <body>
rc-web@5 13
rc-web@5 14 <input type="hidden" id="group" value='1'>
rc-web@5 15
rc-web@5 16 <h1>Multicast Network Score Controls</h1>
rc-web@5 17 <div class="outermaster">
rc-web@5 18 <div id="client_chronometer">00:00:00.0</div>
rc-web@5 19 <div class="metrocase">
rc-web@5 20 <div id="metronome0"></div>
rc-web@5 21 <div id="metronome1"></div>
rc-web@5 22 <div id="metronome2"></div>
rc-web@5 23 <div id="metronome3"></div>
rc-web@5 24 </div>
rc-web@5 25
rc-web@5 26 <div>
rc-web@5 27 <h2>Calculate Client Latencies</h2><br>
rc-web@5 28 <input type="button" value="Get Latencies" onclick="getLatencies(1000);" />
rc-web@5 29 <h2 id="client_latency">0ms</h2>
rc-web@5 30 </div>
rc-web@10 31
rc-web@10 32 <h2>Magic Sequencer Monitor</h2><br>
rc-web@5 33 <div>
rc-web@5 34 <p class="magicsquare" id="1magicsquare0"></p>
rc-web@5 35 <p class="magicsquare" id="1magicsquare1"></p>
rc-web@5 36 <p class="magicsquare" id="1magicsquare2"></p>
rc-web@5 37 <p class="magicsquare" id="1magicsquare3"></p>
rc-web@5 38 <p class="magicsquare" id="1magicsquare4"></p>
rc-web@5 39 <p class="magicsquare" id="1magicsquare5"></p>
rc-web@5 40 </div>
rc-web@5 41
rc-web@5 42 <br><br> <br><br>
rc-web@5 43
rc-web@5 44 <div>
rc-web@5 45 <p class="magicsquare" id="2magicsquare0"></p>
rc-web@5 46 <p class="magicsquare" id="2magicsquare1"></p>
rc-web@5 47 <p class="magicsquare" id="2magicsquare2"></p>
rc-web@5 48 <p class="magicsquare" id="2magicsquare3"></p>
rc-web@5 49 <p class="magicsquare" id="2magicsquare4"></p>
rc-web@5 50 <p class="magicsquare" id="2magicsquare5"></p>
rc-web@5 51 </div>
rc-web@5 52
rc-web@5 53 <br><br> <br><br>
rc-web@5 54 <div>
rc-web@5 55 <p class="magicsquare" id="3magicsquare0"></p>
rc-web@5 56 <p class="magicsquare" id="3magicsquare1"></p>
rc-web@5 57 <p class="magicsquare" id="3magicsquare2"></p>
rc-web@5 58 <p class="magicsquare" id="3magicsquare3"></p>
rc-web@5 59 <p class="magicsquare" id="3magicsquare4"></p>
rc-web@5 60 <p class="magicsquare" id="3magicsquare5"></p>
rc-web@5 61 </div>
rc-web@5 62
rc-web@5 63 <br><br> <br><br>
rc-web@5 64
rc-web@5 65 <div>
rc-web@5 66 <p class="magicsquare" id="4magicsquare0"></p>
rc-web@5 67 <p class="magicsquare" id="4magicsquare1"></p>
rc-web@5 68 <p class="magicsquare" id="4magicsquare2"></p>
rc-web@5 69 <p class="magicsquare" id="4magicsquare3"></p>
rc-web@5 70 <p class="magicsquare" id="4magicsquare4"></p>
rc-web@5 71 <p class="magicsquare" id="4magicsquare5"></p>
rc-web@5 72 </div>
rc-web@5 73
rc-web@5 74 <br><br> <br><br>
rc-web@5 75
rc-web@5 76
rc-web@5 77 <input type="button" value="START" onclick="startSeq();" />
rc-web@5 78 <input type="button" value="STOP" onclick="stopSeq();" />
rc-web@8 79 <input type="button" value="RESET" onclick="resetSeq();" />
rc-web@5 80
rc-web@5 81 <br><br>
rc-web@5 82
rc-web@5 83
rc-web@5 84
rc-web@5 85
rc-web@5 86
rc-web@5 87 <a href="JavaScript:newPopup('http://nodescore.kiben.net:8889/msq/1.html');">client_1</a>
rc-web@5 88 <a href="JavaScript:newPopup('http://nodescore.kiben.net:8889/msq/2.html');">client_2</a>
rc-web@5 89 <a href="JavaScript:newPopup('http://nodescore.kiben.net:8889/msq/3.html');">client_3</a>
rc-web@5 90 <a href="JavaScript:newPopup('http://nodescore.kiben.net:8889/msq/4.html');">client_4</a>
rc-web@5 91
rc-web@5 92
rc-web@5 93
rc-web@5 94
rc-web@5 95 </body>
rc-web@5 96 </html>