comparison www/m/js/nodescore-client.js @ 23:e1a02869da08

reduced to one score file with menu to choose which part stream to receive
added latency results to client and tweeked some css

     var color = beatcolor;
     
     $(".metrocase > div").each(function(){$(this).stop()});
     $(".metrocase > div").each(function(){$(this).css('background-color', beatcolor)});
     $(".metrocase > div").each(function(){$(this).text(" ")});
-    $(".metrocase > div").each(function(){$(this).animate({opacity: 0.5},
+    $(".metrocase > div").each(function(){$(this).animate({opacity: 0.6},
 							  50,
 							  function() { $(this).animate({opacity:0.0}); }
 							 );
 					 })  
 	}

 
 //var groupPage=document.getElementById('group').value
 //if (groupID == groupPage) {
     socket.on("dateTime", function(datetime) {
 //	console.log(datetime)
-	$("div#datetime").text("server time: " +datetime);
+	$("div#datetime").text("Server Time: " +datetime);
 	
     });
 
 
 /////////////////////////////////////////////////

 	toggle_visibility('preview') 
 }
     });
 
 ////////////////////////////////////////////////
+// this needs to have a variable to define the websocket
+// otherwise we will pings from all sockets connected
+// no! the server broadcasts the ping and the clients emit the pong!
+// ah but then the time reported back from the server needs to be targeted
+// to specific client..
+//////////////////////////////////////////////
+// Latency "Pong"
+
+socket.on("timeFromServer", function(n) { 
+    socket.emit("clientTimeResponse",n);
+});
+socket.on("latencyFromServer", function(latency) {
+    $("#client_latency").text("Latency: "+latency+"ms.")
+    console.log(latency)
+});
+
+function getLatencies(x) { socket.emit("getLatencies", x); }
+
+//////////////////////////////////////////////