2021-03-12 00:26:04 +01:00
<!DOCTYPE html>
< html lang = "en" >
< head >
< title > Human< / title >
< meta charset = "utf-8" >
< meta http-equiv = "content-type" >
< meta content = "text/html" >
< meta name = "description" content = "Human: 3D Face Detection, Body Pose, Hand & Finger Tracking, Iris Tracking, Age & Gender Prediction, Emotion Prediction & Gesture Recognition; Author: Vladimir Mandic <https://github.com/vladmandic>" >
< meta name = "viewport" content = "width=device-width, initial-scale=0.6, minimum-scale=0.3, maximum-scale=3.0, shrink-to-fit=yes, user-scalable=yes" >
< meta name = "theme-color" content = "#000000" / >
< meta name = "application-name" content = "Human" >
< meta name = "msapplication-tooltip" content = "Human: AI-powered 3D Human Detection" >
< link rel = "manifest" href = "./manifest.webmanifest" >
< link rel = "shortcut icon" href = "../favicon.ico" type = "image/x-icon" >
< link rel = "apple-touch-icon" href = "../assets/icon.png" >
< script src = "./embedding.js" type = "module" > < / script >
< style >
@font-face { font-family: 'Lato'; font-display: swap; font-style: normal; font-weight: 100; src: local('Lato'), url('../assets/lato-light.woff2') }
html { font-family: 'Lato', 'Segoe UI'; font-size: 20px; font-variant: small-caps; }
body { margin: 0; background: black; color: white; overflow-x: hidden; scrollbar-width: none; }
body::-webkit-scrollbar { display: none; }
img { object-fit: contain; }
2021-03-13 17:26:53 +01:00
.face { width: 128px; height: 128px; }
2021-03-12 00:26:04 +01:00
< / style >
< / head >
< body >
< br > Sample Images:
< div id = "images" > < / div >
2021-03-12 18:54:08 +01:00
< br > Selected Face (Enhanced)< br >
2021-03-12 04:04:44 +01:00
< canvas id = "orig" style = "width: 200px; height: 200px;" > < / canvas >
2021-03-12 18:54:08 +01:00
< br > < br > Extracted Faces - click on a face to sort by simmilarity:< br >
2021-03-12 00:26:04 +01:00
< div id = "faces" > < / div >
< / body >
< / html >
