나는 얼굴 사진을 울리는 사이트를 만들었다(js의 얼굴 인식 라이브러리'clmtraackr'의 사용법)

5625 단어 JavaScript

카탈로그

  • 1. 제작된 웹 애플리케이션에 대한 소개
  • 2. JaveScript의 얼굴 인식 라이브러리'clmtraackr'의 소개, 사용 방법
  • 1. 제작된 웹 애플리케이션에 대한 소개


    나는 우는 아이가 있는 것을 매우 좋아한다.
    예를 들면 나가사키 애.
    이 사이트는 귀여운 아이를 볼 때'이 아이가 나를 울면 더 귀여울 텐데...'하는 마음을 구현하기 위해 제작됐다.
    ( GitHub )

    ↑ 이런 느낌.
    얼굴 인식의 정밀도가 상당히 엄격해서 잘 찍힌 얼굴 사진이 아니면 식별이 어렵다...
    울기 좋아하는 여자가 너무 좋아서 얼굴에만 울면서 붙이는 사이트를 만들었어요.https://t.co/RjQbixIRNL 증명사진처럼 얼굴이 뚜렷하게 찍히지 않은 것을 식별할 수 없습니다.-Raineus(@Laineus)2018년 10월 22일

    ↑ 가능하면 RT!


    2. JaveScript의 얼굴 인식 라이브러리 "clmtraackr"의 소개, 사용 방법


    clmtrackr


    Canvas에 그려진 이미지에서 얼굴을 인식하는 프로그램 라이브러리입니다.


    식별에 성공하면 아래 그림의 점과 대응하는 좌표를 얻을 수 있습니다



    이번에 제작된 사이트에서 23과 1(28과 13) 사이의 좌표를 계산해 비슷한 원을 그렸다.p>

    사용법


    npm 또는yarn에서 사용할 때clmtrackr를 설치합니다.


    $ yarn add clmtrackr
    

    소스를 떨어뜨리고} 안에 직접 읽어도 ok입니다.


    init()를 실례화하고 실행합니다.


    const ctrack = new clm.tracker({ stopOnConvergence: true })
    ctrack.init()
    

    stopOnConvergence를 진짜로 설정하면 얼굴 검사에 성공할 때 자동으로 트랙킹이 시작됩니다p>

    start()로 트랙킹 시작br/>
    대상의 canvas 요소를 첫 번째 매개 변수에 건네주기


    const canvas = document.getElementById('canvas')
    tracker.start(canvas)
    

    track 시작 후 getCurrentPosition() 함수로 시작하는 얼굴 좌표 정보를 얻을 수 있습니다br/>
    이 함수의 결과는 시작할 때까지 수시로 업데이트됩니다.


    tracker.getCurrentPosition()
    

    감지되지 않으면 가짜로 돌아갑니다br/>
    시작 3초 후면 검출될 것 같아요


    추적에 성공하거나 실패하면 다음 이벤트에 불이 납니다


    document.addEventListener('clmtrackrConverged', () => console.log('Converged'))
    document.addEventListener('clmtrackrLost', () => console.log('Lost'))
    

    검측이 잘못되면 어떤 사건에도 불이 나지 않고 트랙킹을 계속 진행br/>
    또한 Converged가 없어도 어느 정도 정확한 얼굴 좌표를 얻었을 수도 있다p>

    (※ 실례화 시 로스트로 간주되는 임계값을 설정할 수 있습니다.)


    이번에 실시한 사이트에서 로스트, 컨버터, 암을 무시하고 실행 후 n 프레임 후 검사tracker.getCurrentPosition() 판정p>

    주의


    웹 페이지에 제품 설정을 만든 후 다음과 같은 문제가 발생했습니다br/>
    https://github.com/auduno/clmtrackr/issues/132


    자꾸 웹 팩이 멈춘 것 같아서 Parcel로 만들면 될 것 같아서 웹 팩으로 해결 방법을 모르겠어요.p>

    끝말


    내가 이 사이트를 만들어서 배운 것은 Parcel이 매우 편리하다는 것이다. 울어라. 눈가에서 윤곽까지 40%의 위치를 추진하고 얼굴의 넓이에 비해 0.6%의 크기로 배치하는 것이 가장 좋다는 것이다.p>

    인용하다


    이미지 소재

    https://www.pakutaso.com/20180312064post-15433.html


    좋은 웹페이지 즐겨찾기