annotate www/m/js/metronome.js @ 9:cd847f789b53

more transport

var socket = io.connect();

//socket.on("metroPulse", metronomeTick);
/////////////////////////////////////////////////
socket.on("metroPulse", pulseInClient);
function pulseInClient(pulse,groupID,metrobeat){
    var groupPage=document.getElementById('group').value
    if (groupID == groupPage) {
	metronomeTick(1000, groupID, metrobeat);
    }
}
/////////////////////////////////////////////////
function  metroCss(beat, beatcolor,text){
    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},
							  50,
							  function() { $(this).animate({opacity:0.0}); }
							 );
					 })  
	}



function metronomeTick(pulse, voice,metrobeat) {
    console.log( voice+ "   metronome tick" + metrobeat)
    var color = "gray"

    metroCss(0, "red", "4")    

//if (metrobeat == 0) {
//	metroCss(0, "gray", "1")
  //  }   
    
    //if (metrobeat == 3) {
//	metroCss(0, "white", "4")
  //  }   

//    if (metrobeat == 1||metrobeat == 2){ 
//	$("#metronome"+metrobeat).stop();
//	$("#metronome"+metrobeat).css('background-color', color);
//	$("#metronome"+metrobeat).text(" ");
	//$("#metronome"+metrobeat).text(metrobeat+1);
//	$("#metronome"+metrobeat).animate({opacity: 1},
//				      50,
  //                          function() { $(this).animate({opacity:0.0}); }
//				     );
  //  }
};