Whats'added:
- background music autostart
- pattern #12 : triangulated face overlay with semi-transparent image
- Changed the structure of config file to allow multiple slides of same type with different params
- added parameters into config
What is implemented:
-
Display pure webcam +
-
Mirror webcam image horizontally or vertically +
-
Face features overlay (https://www.auduno.com/clmtrackr/clm_video.html) +
-
Numbers feature overlay +
-
triangulated face overlay (http://imgur.com/yzaQM6j) +
-
Face substitution (https://www.auduno.com/clmtrackr/examples/facesubstitution.html) +
-
Image over face (PNG with transparency that moves with nose tracking point) +
-
Video over face +
-
Face distortion (https://www.auduno.com/clmtrackr/examples/facedeform.html) +
-
display image instead of webcam feed +
-
display semi transparent image overlay over webcam +
-
Video over face with no clipping (rectangle) +
++ added config.json.example file to see, how to use config ++ fixed resize bug
What is implemented:
-
Display pure webcam +
-
Mirror webcam image horizontally or vertically +
-
Face features overlay (https://www.auduno.com/clmtrackr/clm_video.html) +
-
Numbers feature overlay +
-
triangulated face overlay (http://imgur.com/yzaQM6j) +
-
Face substitution (https://www.auduno.com/clmtrackr/examples/facesubstitution.html) +
-
Image over face (PNG with transparency that moves with nose tracking point) +
-
Video over face +
-
Face distortion (https://www.auduno.com/clmtrackr/examples/facedeform.html) +
-
display image instead of webcam feed +
-
display semi transparent image overlay over webcam +
known bugs:
- when switch to slides #5 and #8 theres camera feed resize bug. The workaround - to resize broser window manually
What is implemeted:
-
- Display pure webcam +
-
- Mirror webcam image horizontally or vertically +
-
- Face features overlay (https://www.auduno.com/clmtrackr/clm_video.html) +
-
- Numbers feature overlay +
-
- triangulated face overlay (http://imgur.com/yzaQM6j) +
-
- Face substitution (https://www.auduno.com/clmtrackr/examples/facesubstitution.html) +
-
- Image over face (PNG with transparency that moves with nose tracking point) +
-
- Face distortion (https://www.auduno.com/clmtrackr/examples/facedeform.html) +
-
- display image instead of webcam feed +
-
- display semi transparent image overlay over webcam +
What is implemeted:
-
- Display pure webcam +
-
- Mirror webcam image horizontally or vertically +
-
- Face features overlay (https://www.auduno.com/clmtrackr/clm_video.html) +
-
- Face substitution (https://www.auduno.com/clmtrackr/examples/facesubstitution.html) +
-
- Face distortion (https://www.auduno.com/clmtrackr/examples/facedeform.html) +
-
- display image instead of webcam feed +
-
- display semi transparent image overlay over webcam +
added config.json
- git clone git@github.com:mpouzko/face-tracking.git
- cd into project dir
- git submodule init
- git submodule update
- make project directory available through webserver
In order to make Chrome allow access to webcam, you need to configure some ssl domain on your webserver (with https:// secure connection),
OR
set up local webserver and make it available at http://localhost. For development purposes, Chrome allows to use webcam at http://localhost without ssl. So, the project must be availble at http://localhost/index.html
NOTE. If you open index.html in browser as a local file (file:///), you won't gain an access to webcam. Use webserver with localhost host instead
Slides:
-
Display pure webcam
-
Mirror webcam image horizontally or vertically (???how to define whether to flip horz or vert? - in config?, or add extra keys- on for horz flip, one for vert? )
-
Face features overlay (https://www.auduno.com/clmtrackr/clm_video.html)
KEYBORARD CONTROLS
- Arrow left key: advance one slide
- Arrow right key: go back one slide
- Up key: ???
- R key: restart at current slide
- S key: play background sound on/off
- Space key: stop webcam feed / resume webcam feed
- backspace Key: restart at first slide
Stops at first and last slides (no looping)
music from http://www.bensound.com/royalty-free-music/cinematic