나는 얼굴 사진을 울리는 사이트를 만들었다(js의 얼굴 인식 라이브러리'clmtraackr'의 사용법)
카탈로그
1. 제작된 웹 애플리케이션에 대한 소개
나는 우는 아이가 있는 것을 매우 좋아한다.
예를 들면 나가사키 애.
이 사이트는 귀여운 아이를 볼 때'이 아이가 나를 울면 더 귀여울 텐데...'하는 마음을 구현하기 위해 제작됐다.
( GitHub )
↑ 이런 느낌.
얼굴 인식의 정밀도가 상당히 엄격해서 잘 찍힌 얼굴 사진이 아니면 식별이 어렵다...
울기 좋아하는 여자가 너무 좋아서 얼굴에만 울면서 붙이는 사이트를 만들었어요.https://t.co/RjQbixIRNL 증명사진처럼 얼굴이 뚜렷하게 찍히지 않은 것을 식별할 수 없습니다.-Raineus(@Laineus)2018년 10월 22일
↑ 가능하면 RT!
2. JaveScript의 얼굴 인식 라이브러리 "clmtraackr"의 소개, 사용 방법
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
Reference
이 문제에 관하여(나는 얼굴 사진을 울리는 사이트를 만들었다(js의 얼굴 인식 라이브러리'clmtraackr'의 사용법)), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/laineus/items/93d8acb387fee5a89fe5텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)