Skip to content

Commit 8fcc772

Browse files
zenorochazenorocha
committed
adding new face example
1 parent dc13872 commit 8fcc772

2 files changed

Lines changed: 49 additions & 0 deletions

File tree

‎examples/human_glasses.html‎

Lines changed: 49 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,49 @@
1+
<!doctype html>
2+
<html>
3+
<head>
4+
5+
<title>tracking.js - Human Glasses</title>
6+
7+
<meta charset="utf-8">
8+
9+
<script src="../dist/tracking.min.js"></script>
10+
<script src="../dist/tracker/human/human.min.js"></script>
11+
<script src="../dist/tracker/human/data/frontal_face.min.js"></script>
12+
13+
<style>
14+
* {
15+
margin: 0;
16+
padding: 0;
17+
}
18+
canvas {
19+
-moz-transform: scale(-1, 1);
20+
-o-transform: scale(-1, 1);
21+
-webkit-transform: scale(-1, 1);
22+
filter: FlipH;
23+
transform: scale(-1, 1);
24+
}
25+
</style>
26+
27+
</head>
28+
<body>
29+
30+
<script>
31+
var videoCamera = new tracking.VideoCamera().hide().render().renderVideoCanvas(),
32+
ctx = videoCamera.canvas.context,
33+
img = new Image();
34+
35+
img.src = 'img/glasses.png';
36+
37+
videoCamera.track({
38+
type: 'human',
39+
data: 'frontal_face',
40+
onFound: function(track) {
41+
if (track[0]) {
42+
ctx.drawImage(img, track[0].x, track[0].y + 10, track[0].size, track[0].size);
43+
}
44+
}
45+
});
46+
</script>
47+
48+
</body>
49+
</html>

‎examples/img/glasses.png‎

44.4 KB
Loading

0 commit comments

Comments
 (0)