A facial recognition system is a computer application capable of identifying or verifying a person from a digital image or a video frame from a video source. One of the ways to do this is by comparing selected facial features from the image and a face database.
https://github.com/wesbos/HTML5-Face-Detection
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 |
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Face Detector</title> <link rel="stylesheet" href="style.css"/> </head> <body> <div class="wrapper"> <h1>HTML5 GLASSES</h1> <p>Created by <a href="http://twitter.com/wesbos" target="_blank" rel="noopener noreferrer">Wes Bos</a>. See full details <a href="">here.</a></p> <!-- Our Main Video Element --> <video height="426" width="640" controls="false"> <source src="videos/wes4.ogg" /> <source src="videos/wes4.mp4" /> </video> <!-- Out Canvas Element for output --> <canvas id="output" height="426" width="640" ></canvas> <!-- div to track progress --> <div id="elapsed_time">Press play for HTML5 Glasses!</div> </div> <script type="text/javascript" src="scripts/ccv.js"></script> <script type="text/javascript" src="scripts/face.js"></script> <script type="text/javascript" src="scripts/scripts.js"></script> </body> </html> |