rc-web@5
|
1 //////////////////////////////////////////////
|
rc-web@58
|
2 var socket = io.connect();
|
rc-web@58
|
3 //////////////////////////////////////////////
|
rc-web@5
|
4 // Sequencer Controls
|
rc-web@5
|
5 function startSeq() { socket.emit("startSeq") }
|
rc-web@5
|
6 function stopSeq() { socket.emit("stopSeq") }
|
rc-web@8
|
7 function resetSeq() { socket.emit("resetSeq") }
|
rc-web@49
|
8 //////////////////////////////////////////////
|
rc-web@49
|
9 // Chron Controls
|
rc-web@49
|
10 function stopWatch(value) { socket.emit("stopWatch", value) }
|
rc-web@5
|
11 //////////////////////////////////////////////
|
rc-web@5
|
12 // Metronome Controls
|
rc-web@5
|
13 //socket.on("metroPulse", metronomeTick);
|
rc-web@5
|
14 function metroStart(pulse) { socket.emit("metroStart", pulse);}
|
rc-web@5
|
15 function metroStop() { socket.emit("metroStop");}
|
rc-web@5
|
16 //////////////////////////////////////////////
|
rc-web@5
|
17 // Latency "Pong"
|
rc-web@5
|
18 socket.on("timeFromServer", function(n) {
|
rc-web@5
|
19 socket.emit("clientTimeResponse",n);
|
rc-web@5
|
20 //console.log(n);
|
rc-web@5
|
21 });
|
rc-web@5
|
22 socket.on("latencyFromServer", function(latency) {
|
rc-web@5
|
23 $("#client_latency").text(latency+"ms.")
|
rc-web@5
|
24 });
|
rc-web@5
|
25 function getLatencies(x) { socket.emit("getLatencies", x); }
|
rc-web@5
|
26 //////////////////////////////////////////////
|
rc-web@5
|
27 // Chronometer Controls
|
rc-web@5
|
28 function startChr() { socket.emit("startChr"); }
|
rc-web@5
|
29 function stopChr() { socket.emit("stopChr"); }
|
rc-web@60
|
30 function resetChr() { socket.emit("resetChr");
|
rc-web@60
|
31 $("div#client_chronometer").text("00:00:00.0"); }
|
rc-web@60
|
32 socket.on("chronFromServer", function(chron){
|
rc-web@60
|
33 $("div#c_chronometer").text(chron); });
|
rc-web@5
|
34
|
rc-web@5
|
35 //////////////////////////////////////////////
|
rc-web@5
|
36 // SEQUENCER MONITOR
|
rc-web@10
|
37 socket.on("pageFlipfromserver", sequenceMonitor);
|
rc-web@58
|
38 function sequenceMonitor(group, unit,time,mm,seq,unitlast){
|
rc-web@60
|
39 // var n=6; var x=seq-1; var off=((x%n)+n)%n // thanks claudiusmaximus
|
rc-web@58
|
40 if (group == 1) { turnmeoff = "#sqr"+unitlast+".sqa"}
|
rc-web@58
|
41 if (group == 2) { turnmeoff = "#sqr"+unitlast+".sqb"}
|
rc-web@58
|
42 if (group == 3) { turnmeoff = "#sqr"+unitlast+".sqc"}
|
rc-web@58
|
43 if (group == 4) { turnmeoff = "#sqr"+unitlast+".sqd"}
|
rc-web@60
|
44 $(turnmeoff).css({'color':'black'})
|
rc-web@5
|
45 }
|
rc-web@39
|
46
|
rc-web@60
|
47 // countdown to change
|
rc-web@60
|
48 socket.on("countinFromServer", countinCtrl);
|
rc-web@60
|
49 function countinCtrl(groupID, currentseconds,mm,text,colour,background,unit){
|
rc-web@60
|
50 console.log("#count"+groupID)
|
rc-web@60
|
51 // all counts to control page
|
rc-web@60
|
52 $("#counttitle"+groupID).css('color','white');
|
rc-web@60
|
53 $("#counttitle"+groupID).text(text);
|
rc-web@60
|
54 $("#count"+groupID).text(currentseconds).css('color','white');
|
rc-web@60
|
55 document.getElementById("count"+groupID).style.color=colour;
|
rc-web@60
|
56 }
|
rc-web@60
|
57
|
rc-web@60
|
58 socket.on("counterText", function(group,unit,counter,seq){
|
rc-web@60
|
59 if (group == 1) { $('#inner-'+unit+"-0").text(counter);
|
rc-web@60
|
60 // $("#count1").text(currentseconds);
|
rc-web@60
|
61 if (counter == 0 ) { $('#inner-'+unit+"-0").css("color","black") }
|
rc-web@60
|
62 else { $('#inner-'+unit+"-0").css("color","yellow") }
|
rc-web@59
|
63 }
|
rc-web@59
|
64
|
rc-web@60
|
65 if (group == 2) { $('#inner-'+unit+"-1").text(counter);
|
rc-web@60
|
66
|
rc-web@60
|
67 if (counter == 0 ) { $('#inner-'+unit+"-1").css("color","black") }
|
rc-web@60
|
68 else { $('#inner-'+unit+"-1").css("color","green") }
|
rc-web@59
|
69 }
|
rc-web@59
|
70
|
rc-web@60
|
71 if (group == 3) { $('#inner-'+unit+"-2").text(counter);
|
rc-web@60
|
72
|
rc-web@60
|
73 if (counter == 0 ) { $('#inner-'+unit+"-2").css("color","black") }
|
rc-web@60
|
74 else { $('#inner-'+unit+"-2").css("color","aqua") }
|
rc-web@59
|
75 }
|
rc-web@59
|
76
|
rc-web@60
|
77 if (group == 4) { $('#inner-'+unit+"-3").text(counter);
|
rc-web@60
|
78 if (counter == 0 ) { $('#inner-'+unit+"-3").css("color","black")}
|
rc-web@60
|
79 else { $('#inner-'+unit+"-3").css("color","red") }
|
rc-web@59
|
80 }
|
rc-web@59
|
81 }
|
rc-web@59
|
82 );
|
rc-web@10
|
83
|
rc-web@10
|
84
|
rc-web@60
|
85 /*
|
rc-web@5
|
86 //////////////////////////////////////////////
|
rc-web@5
|
87 // CLient Popup window code
|
rc-web@5
|
88
|
rc-web@5
|
89 function newPopup(url) {
|
rc-web@5
|
90 popupWindow = window.open(
|
rc-web@60
|
91 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')}
|
rc-web@60
|
92
|
rc-web@60
|
93 */
|