JavaScriptCollection
diff --git a/‎examples/human_mouth.html‎
Lines changed: 50 additions & 0 deletions b/‎examples/human_mouth.html‎
Lines changed: 50 additions & 0 deletions
@@ -0,0 +1,50 @@
+<!doctype html>
+<html>
+<head>
+
+    <title>tracking.js - Human Mouth</title>
+
+    <meta charset="utf-8">
+
+    <script src="../src/tracking.js"></script>
+    <script src="../src/tracker/human/human.js"></script>
+    <script src="../src/tracker/human/data/mouth.js"></script>
+
+    <style>
+        * {
+            margin: 0;
+            padding: 0;
+        }
+        canvas {
+            -moz-transform: scale(-1, 1);
+            -o-transform: scale(-1, 1);
+            -webkit-transform: scale(-1, 1);
+            filter: FlipH;
+            transform: scale(-1, 1);
+        }
+    </style>
+
+</head>
+<body>
+
+<script>
+    var videoCamera = new tracking.VideoCamera().hide().render().renderVideoCanvas(),
+        ctx = videoCamera.canvas.context;
+
+    var t1 = videoCamera.track(
+        {
+            type: 'human',
+            data: 'mouth',
+            onFound: function(track) {
+                for (var i = 0, len = track.length; i < len; i++) {
+                    var rect = track[i];
+                    ctx.strokeStyle = "rgb(0,255,0)";
+                    ctx.strokeRect(rect.x, rect.y, rect.size, rect.size);
+                }
+            }
+        }
+    );
+</script>
+
+</body>
+</html>