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
|
rc-web@5
|
19 <div id="client_chronometer">00:00:00.0</div>
|
rc-web@5
|
20
|
rc-web@5
|
21 <div class="metrocase">
|
rc-web@5
|
22 <div id="metronome0"></div>
|
rc-web@5
|
23 <div id="metronome1"></div>
|
rc-web@5
|
24 <div id="metronome2"></div>
|
rc-web@5
|
25 <div id="metronome3"></div>
|
rc-web@5
|
26 </div>
|
rc-web@5
|
27
|
rc-web@5
|
28
|
rc-web@5
|
29 <div>
|
rc-web@5
|
30 <h2>Calculate Client Latencies</h2><br>
|
rc-web@5
|
31 <input type="button" value="Get Latencies" onclick="getLatencies(1000);" />
|
rc-web@5
|
32 <h2 id="client_latency">0ms</h2>
|
rc-web@5
|
33 </div>
|
rc-web@5
|
34
|
rc-web@5
|
35
|
rc-web@5
|
36
|
rc-web@5
|
37 <h2>Magic Sequencer Monitor</h2><br>
|
rc-web@5
|
38
|
rc-web@5
|
39 <div>
|
rc-web@5
|
40 <p class="magicsquare" id="1magicsquare0"></p>
|
rc-web@5
|
41 <p class="magicsquare" id="1magicsquare1"></p>
|
rc-web@5
|
42 <p class="magicsquare" id="1magicsquare2"></p>
|
rc-web@5
|
43 <p class="magicsquare" id="1magicsquare3"></p>
|
rc-web@5
|
44 <p class="magicsquare" id="1magicsquare4"></p>
|
rc-web@5
|
45 <p class="magicsquare" id="1magicsquare5"></p>
|
rc-web@5
|
46 </div>
|
rc-web@5
|
47
|
rc-web@5
|
48 <br><br> <br><br>
|
rc-web@5
|
49
|
rc-web@5
|
50 <div>
|
rc-web@5
|
51 <p class="magicsquare" id="2magicsquare0"></p>
|
rc-web@5
|
52 <p class="magicsquare" id="2magicsquare1"></p>
|
rc-web@5
|
53 <p class="magicsquare" id="2magicsquare2"></p>
|
rc-web@5
|
54 <p class="magicsquare" id="2magicsquare3"></p>
|
rc-web@5
|
55 <p class="magicsquare" id="2magicsquare4"></p>
|
rc-web@5
|
56 <p class="magicsquare" id="2magicsquare5"></p>
|
rc-web@5
|
57 </div>
|
rc-web@5
|
58
|
rc-web@5
|
59 <br><br> <br><br>
|
rc-web@5
|
60 <div>
|
rc-web@5
|
61 <p class="magicsquare" id="3magicsquare0"></p>
|
rc-web@5
|
62 <p class="magicsquare" id="3magicsquare1"></p>
|
rc-web@5
|
63 <p class="magicsquare" id="3magicsquare2"></p>
|
rc-web@5
|
64 <p class="magicsquare" id="3magicsquare3"></p>
|
rc-web@5
|
65 <p class="magicsquare" id="3magicsquare4"></p>
|
rc-web@5
|
66 <p class="magicsquare" id="3magicsquare5"></p>
|
rc-web@5
|
67 </div>
|
rc-web@5
|
68
|
rc-web@5
|
69 <br><br> <br><br>
|
rc-web@5
|
70
|
rc-web@5
|
71 <div>
|
rc-web@5
|
72 <p class="magicsquare" id="4magicsquare0"></p>
|
rc-web@5
|
73 <p class="magicsquare" id="4magicsquare1"></p>
|
rc-web@5
|
74 <p class="magicsquare" id="4magicsquare2"></p>
|
rc-web@5
|
75 <p class="magicsquare" id="4magicsquare3"></p>
|
rc-web@5
|
76 <p class="magicsquare" id="4magicsquare4"></p>
|
rc-web@5
|
77 <p class="magicsquare" id="4magicsquare5"></p>
|
rc-web@5
|
78 </div>
|
rc-web@5
|
79
|
rc-web@5
|
80 <br><br> <br><br>
|
rc-web@5
|
81
|
rc-web@5
|
82
|
rc-web@5
|
83 <input type="button" value="START" onclick="startSeq();" />
|
rc-web@5
|
84 <input type="button" value="STOP" onclick="stopSeq();" />
|
rc-web@5
|
85
|
rc-web@5
|
86 <br><br>
|
rc-web@5
|
87
|
rc-web@5
|
88
|
rc-web@5
|
89
|
rc-web@5
|
90
|
rc-web@5
|
91
|
rc-web@5
|
92 <a href="JavaScript:newPopup('http://nodescore.kiben.net:8889/msq/1.html');">client_1</a>
|
rc-web@5
|
93 <a href="JavaScript:newPopup('http://nodescore.kiben.net:8889/msq/2.html');">client_2</a>
|
rc-web@5
|
94 <a href="JavaScript:newPopup('http://nodescore.kiben.net:8889/msq/3.html');">client_3</a>
|
rc-web@5
|
95 <a href="JavaScript:newPopup('http://nodescore.kiben.net:8889/msq/4.html');">client_4</a>
|
rc-web@5
|
96
|
rc-web@5
|
97
|
rc-web@5
|
98
|
rc-web@5
|
99
|
rc-web@5
|
100 </body>
|
rc-web@5
|
101 </html>
|