CCV 얼굴 인식 Javascript 라이브러리 Quendtion

Question

사용자 카메라의 라이브 피드에서 얼굴을 감지하기 위해 this library을 사용하고 있는데, 사용자가 머리에 항목 오버레이를 배치하려고합니다. 데모가 제공되는 예는 사용자 얼굴을 따라가는 어리석은 안경입니다. 내가 사용자의 머리를 추적하고 싶은 얼굴 대신, Google이 비디오 채팅 중에 다양한 항목을 배치 할 수있는 Google 행 아웃에서 가능한 것처럼 알고 있습니다. 이 자습서가 있습니까? CCV의 라이브러리를 계속 사용하고 확장 할 수 있습니까?

Answer 1

알아낼 수는 없지만 문제를 파악했습니다.

위치를 계산하는 스크립트에서 [함수 "drawToCanvas"] 너비와 높이 계산을 망쳐야했습니다. 내 결과는 다음과 같습니다.

var video = App.video, 
      ctx = App.context, 
      backCtx = App.backContext, 
      m = 5, 
      w = 20, 
      i , 
      comp; 

     ctx.drawImage(video, 0, 0, App.canvas.width, App.canvas.height); 

     backCtx.drawImage(video, 0, 0, App.backCanvas.width, App.backCanvas.height); 

     comp = ccv.detect_objects(App.ccv = App.ccv || { 
      canvas: App.backCanvas, 
      cascade: cascade, 
      interval: 4, 
      min_neighbors: 1 
     }); 

     if (comp.length) { 
      App.comp = comp; 
     } 

     for (var i = 0; i < App.comp.length; i++){ 
      //ctx.drawImage(App.glasses, App.comp[i].x, App.comp[i].y+(App.comp[i].height*.7), App.comp[i].width, (App.comp[i].height/4)); 
      ctx.drawImage(App.glasses, (App.comp[i].x - w/.7) * m, (App.comp[i].y - w/.5) * m, (App.comp[i].width + w) * m, (App.comp[i].height + w) * m); 

그래서 사용자의 머리 위에 사용하는 이미지를 배치 할 수 있습니다.

Answer 2

안경 솔루션은 기본적으로 glasses.png 파일을 조금 더 크고 직사각형 형태로 재현하는 것으로 보입니다 ... 정확히 어떤 사람인지는 모르겠지만 나에게 간단한 해결책.