rc-web@42
|
1 //////////////////////////////////////////////
|
rc-web@42
|
2
|
rc-web@42
|
3 var socket = io.connect();
|
rc-web@42
|
4
|
rc-web@42
|
5 //////////////////////////////////////////////
|
rc-web@42
|
6 // Sequencer Controls
|
rc-web@42
|
7
|
rc-web@42
|
8 function startSeq() { socket.emit("startSeq") }
|
rc-web@42
|
9 function stopSeq() { socket.emit("stopSeq") }
|
rc-web@42
|
10 function resetSeq() { socket.emit("resetSeq") }
|
rc-web@42
|
11
|
rc-web@42
|
12 //////////////////////////////////////////////
|
rc-web@42
|
13 // Metronome Controls
|
rc-web@42
|
14
|
rc-web@42
|
15 //socket.on("metroPulse", metronomeTick);
|
rc-web@42
|
16 function metroStart(pulse) { socket.emit("metroStart", pulse);}
|
rc-web@42
|
17 function metroStop() { socket.emit("metroStop");}
|
rc-web@42
|
18
|
rc-web@42
|
19 //////////////////////////////////////////////
|
rc-web@42
|
20 // Latency "Pong"
|
rc-web@42
|
21
|
rc-web@42
|
22 socket.on("timeFromServer", function(n) {
|
rc-web@42
|
23 socket.emit("clientTimeResponse",n);
|
rc-web@42
|
24 //console.log(n);
|
rc-web@42
|
25 });
|
rc-web@42
|
26 socket.on("latencyFromServer", function(latency) {
|
rc-web@42
|
27 $("#client_latency").text(latency+"ms.")
|
rc-web@42
|
28 });
|
rc-web@42
|
29
|
rc-web@42
|
30 function getLatencies(x) { socket.emit("getLatencies", x); }
|
rc-web@42
|
31
|
rc-web@42
|
32 //////////////////////////////////////////////
|
rc-web@42
|
33 // Chronometer Controls
|
rc-web@42
|
34
|
rc-web@42
|
35 function startChr() { socket.emit("startChr"); }
|
rc-web@42
|
36 function stopChr() { socket.emit("stopChr"); }
|
rc-web@42
|
37 function resetChr() {
|
rc-web@42
|
38 socket.emit("resetChr");
|
rc-web@42
|
39 $("div#client_chronometer").text("00:00:00.0");
|
rc-web@42
|
40 }
|
rc-web@42
|
41 socket.on("chronFromServer", function(chron){
|
rc-web@42
|
42 //console.log(chron);
|
rc-web@42
|
43 $("div#client_chronometer").text(chron);
|
rc-web@42
|
44 });
|
rc-web@42
|
45
|
rc-web@42
|
46 //////////////////////////////////////////////
|
rc-web@42
|
47 // SEQUENCER MONITOR
|
rc-web@42
|
48
|
rc-web@42
|
49 socket.on("pageFlipfromserver", sequenceMonitor);
|
rc-web@42
|
50 function sequenceMonitor(group, unit,time,mm,seq){
|
rc-web@42
|
51 var n=6; var x=seq-1; var off=((x%n)+n)%n // thanks claudiusmaximus
|
rc-web@42
|
52 seqnow = "#"+group+"magicsquare"+seq
|
rc-web@42
|
53 turnmeoff = "#"+group+"magicsquare"+off
|
rc-web@42
|
54 $(seqnow).css('background', 'transparent');
|
rc-web@42
|
55 $(turnmeoff).css('background', 'transparent')
|
rc-web@42
|
56 //console.log("#"+group+"magicsquare"+seq +" time: " +time + " %:" + off)
|
rc-web@42
|
57
|
rc-web@42
|
58 }
|
rc-web@42
|
59
|
rc-web@42
|
60 socket.on("counterText", function(group,unit,counter){
|
rc-web@42
|
61 $("#"+group+"magicsquare"+unit).text(counter);
|
rc-web@42
|
62 //console.log(group+"magicsquare"+unit+"count:"+counter)
|
rc-web@42
|
63 });
|
rc-web@42
|
64
|
rc-web@42
|
65
|
rc-web@42
|
66 //////////////////////////////////////////////
|
rc-web@42
|
67 // CLient Popup window code
|
rc-web@42
|
68
|
rc-web@42
|
69 function newPopup(url) {
|
rc-web@42
|
70 popupWindow = window.open(
|
rc-web@42
|
71 url,'popUpWindow','height=400,width=800,left=10,top=10,resizable=no,scrollbars=no,toolbar=no,menubar=no,location=no,titlebar=no,directories=no,status=yes')} |