setInterval() 함수 사용시 동영상에 영상 멈춤과gif 멈춤 


제가 설명을 잘못한듯 하네요... ㅠㅠ ㅋㅋ 죄송합니다. 


서버가 아닌데 서버라고 했네요. 선생 페이지가 있습니다. 빔프로젝트(전자칠판) 페이지가 있구요. 선생이 동영상 플레이를 누르면 선생페이지와 빔프로젝트 페이지에서 동영상이 같은게 실행되는데요. 선생 페이지의 동영상이 플레이된 상태에서 소리만 나옵니다. 


이유인즉은 선생페이지에서 동영상을 플레이하라고 하면 빔프로젝트페이지에서 그내용을 수신받고 동영상을 플레이 시키고 ACK를 선생페이지로 보내는데 선생페이지는 ACK를 받기위해 setInterval()로 돌다가 ACK가 도착할때 동영상이 플레이됩니다. 동영상이 플레이되는 순간 clearInterval() 하구요. 만약 ACK가 오지 않는다면 3번정도 다시 동영상 플레이하라고 데이터를 보내는 구조죠. 


이때 모든데이터 송수신이 잘됐다면 clearInterval() 하는데 clearInterval() 하는 순간에 아마도 동영상 화면이 버벅되서 멈추게 보이는듯합니다. setInterval() 안쪽에 동영상을 플레이 시키라는 구문이 있거든요 

소스는 다음과 같습니다. ack_interval_check() 구조를 보시면 아시겠지만
ACK가 잘되었는지 확인하게 위해서 ACK_DIVICE 배열에 값이 아무것도 남지 않았는지
확인후 값이 있다면 다시 전송하고 값이 클리어 됐다면 ACK가 된 것이므로 비디로를 플레이 합니다.

그리고 clearInterval() 해주죠. 이때 동영상 화면만 멈추는겁니다. clearInterval() 하지 않으면 동영상은 플레이 
잘되나 리소스 관리가 않되므로 반드시 해줘야 할텐데요 ㅠㅠ
고수님들 부탁 드립니다.
［code］

 ///////////////////////////////////////////////////////////////////////////////////////
 /* SPEAKING 메인 비디오 플레이 start and stop            */ 
 ///////////////////////////////////////////////////////////////////////////////////////
 
 var VIDEO_START_TIME = 0;
 var VIDEO_STOP_TIME = 0;
 var ACK_INTERVAL = null;
 var ACK_DIVICE = Array("board");
 var INTERVAL_TIME = 0;
 
 
 socket.on('main_video_start',function(data){
  if(data.ACK){
   for(var i=0; i<ACK_DIVICE.length; i++){
    if(ACK_DIVICE[i] == data.DIVICE)
     ACK_DIVICE[i] = "";
   }
  }
 });
 
 socket.on('main_video_stop',function(data){
  if(data.ACK){
   for(var i=0; i<ACK_DIVICE.length; i++){
    if(ACK_DIVICE[i] == data.DIVICE)
     ACK_DIVICE[i] = "";
   }
  }
 });
  
 
 function set_ack_divice(){
  ACK_DIVICE[0] = "board"; 
 }
 
 function main_video_start(target){ // 메인 비디오 플레이

  $("ul.function li img").each(function(){     
   $(this).attr("src", $(this).attr("src").replace("_on", "_off")); 
  }); 
  $("#playpng").attr('class','none');
  $('#stoppng').attr('class','');
  
  
  if(VIDEO_START_TIME == 0){
   MY_VIDEO.currentTime = 0.1;
  }
  VIDEO_START_TIME = MY_VIDEO.currentTime; // 현재 비디오 타임을 시작점으로 함
  
  $("#time_ch").html(VIDEO_START_TIME); 
  
  socket.emit(
   'main_video_start', 
   {  'TARGET' : target,
    'DIVICE' : 'teacher',
    'ACK' : false,
    'VIDEO_START_TIME' : VIDEO_START_TIME,
    'VIDEO_STOP_TIME' : VIDEO_STOP_TIME
   }
  );  
 }
 
 function main_video_stop(target){ // 메인 비디오 플레이

  $("ul.function li img").each(function(){     
   $(this).attr("src", $(this).attr("src").replace("_on", "_off")); 
  });
  $("#playpng").attr('class','');
  $('#stoppng').attr('class','none');
  
  VIDEO_STOP_TIME = MY_VIDEO.currentTime; // 현재 비디오 타임을 시작점으로 함

  socket.emit(
   'main_video_stop', 
   {  'TARGET' : target,
    'DIVICE' : 'teacher',
    'ACK' : false,
    'VIDEO_START_TIME' : VIDEO_START_TIME,
    'VIDEO_STOP_TIME' : VIDEO_STOP_TIME
   }
  );  
 } 
 

 function ack_interval_check(target,type){
  
  clearInterval(ACK_INTERVAL);
  INTERVAL_TIME = 0;
  
  ACK_INTERVAL = setInterval( function(){
   
   var i=0;
   INTERVAL_TIME += 300;
   
   for(i=0; i<ACK_DIVICE.length; i++){
    
    if(target == 'all'){
     if(ACK_DIVICE[i] != "")
      break;
    }else{
     if(ACK_DIVICE[i] == target)
      break;     
    }
   }

   if(i == ACK_DIVICE.length){
    switch(type){
     case 1 : MY_VIDEO.currentTime = VIDEO_START_TIME; MY_VIDEO.play(); break;
     case 2 : MY_VIDEO.currentTime = VIDEO_STOP_TIME; MY_VIDEO.pause(); break;
    }
    set_ack_divice();
    clearInterval(ACK_INTERVAL);
    
   }else{
    if(INTERVAL_TIME % 900 == 0){
     
     switch(type){
      case 1 : main_video_start(target); break;
      case 2 : main_video_stop(target); break;
     }     

    }else if(INTERVAL_TIME >= 2700){
    // 3번 보낸 후에도 응답 없으면 오류
     set_ack_divice();
     clearInterval(ACK_INTERVAL);
     
    }
   }
   
  },300);    
  
 }
 
 $('#playpng').bind("touchstart",function(){ // 메인 비디오 플레이
   main_video_start('all');
   ack_interval_check('all',1);
 });

 
 $('#stoppng').bind("touchstart",function(){ // 비디오 스탑

  main_video_stop('all');
  ack_interval_check('all',2);  
 });
 
 ///////////////////////////////////////////////////////////////////////////////////////
 /* SPEAKING 메인 비디오 플레이 start and stop            */ 
 ///////////////////////////////////////////////////////////////////////////////////////

［/code］