face-find-fun

KO | EN

gitlite — search

#javascript #hacktoberfest #ai #llm #machine-learning #rust #docker #windows #awesome #awesome-list #vue #security #ios #mcp

(★ 11)

Browser head-tracking and draws a party hat! - uses webrtc getUserMedia API, headtrackr and canvas

face-find-fun 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

#Face Find Fun

Access webcam through the browser with [navigator.getUserMedia](https://developer.mozilla.org/en-US/docs/Web/API/Navigator.getUserMedia)

Face detection and tracking with [headtrackr](https://github.com/auduno/headtrackr)

Drawing with [HTML5 canvas](http://www.html5canvastutorials.com/tutorials/html5-canvas-tutorials-introduction/)

Current version tracks your face via webcam and places a party hat on top of your head.
Moving your head to the right corner changes the visual CSS webkit-filter

##Demo##
<https://alyssaq.github.io/face-find-fun>

##Usage
1) Install nodejs. The only node module dependency is express.   
2) To grab node dependencies, run:

> npm install

3) Enable getUserMedia() in chrome.   
In the URL, type: chrome://flags and search and enable: 
   
> **Enable screen capture support in getUserMedia()**
       
4) To run the web server, in the project folder:

> node app.js

5) View the party hat on top of your head at: <http://localhost:8080/>

6) Have fun! Draw more shapes!

face-find-fun

face-find-fun 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

face-find-fun

face-find-fun 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README