2020-10-17 12:30:00 +02:00
<!DOCTYPE html>
< html lang = "en" >
< head >
< title > Human< / title >
< meta http-equiv = "content-type" >
< meta content = "text/html" >
< meta charset = "UTF-8" >
< meta name = "description" content = "3D Face Detection, Body Pose, Hand & Finger Tracking, Iris Tracking, Age & Gender Prediction & Emotion Prediction; Author: Vladimir Mandic <mandic00@live.com>" >
< meta name = "viewport" content = "width=device-width, initial-scale=0.5, minimum-scale=0.1, maximum-scale=4.0, shrink-to-fit=yes, user-scalable=yes" >
< meta name = "theme-color" content = "black" / >
< meta name = "application-name" content = "Human" >
< meta name = "msapplication-tooltip" content = "Human: AI-powered 3D Human Detection" >
< link rel = "manifest" href = "../dist/human.esm.json" >
< link rel = "shortcut icon" href = "../favicon.ico" type = "image/x-icon" >
2020-10-30 15:23:49 +01:00
<!-- <script src="../assets/tf.es2017.js"></script> -->
<!-- <script src="../assets/tf - backend - wasm.es2017.js"></script> -->
<!-- <script src="../assets/tf - backend - webgpu.js"></script> -->
2020-11-01 19:59:25 +01:00
<!-- <script src='../assets/tfjs - vis.min.js'></script> -->
2020-10-17 12:30:00 +02:00
< script src = "./browser.js" type = "module" > < / script >
< / head >
< body style = "margin: 0; background: black; color: white; font-family: 'Segoe UI'; font-size: 16px; font-variant: small-caps; overflow-x: hidden" >
2020-11-03 04:15:37 +01:00
< div id = "play" style = "position: absolute; width: 250px; height: 250px; z-index: 25; top: 30%; left: 50%; margin-left: -125px" >
< svg xmlns = "http://www.w3.org/2000/svg" viewBox = "0 0 512 512" >
< path d = "M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm115.7 272l-176 101c-15.8 8.8-35.7-2.5-35.7-21V152c0-18.4 19.8-29.8 35.7-21l176 107c16.4 9.2 16.4 32.9 0 42z" style = "fill:darkslategray; cursor:pointer; opacity: 0.6" / >
< path d = "M371.7 280l-176 101c-15.8 8.8-35.7-2.5-35.7-21V152c0-18.4 19.8-29.8 35.7-21l176 107c16.4 9.2 16.4 32.9 0 42z" style = "fill:white; cursor:pointer" / >
< / svg >
< / div >
< div id = "status" style = "position: absolute; width: 100vw; top: 100px; text-align: center; font-size: 4rem; font-weight: 100; text-shadow: 2px 2px darkslategrey;" > < / div >
2020-10-17 12:30:00 +02:00
< video id = "video" playsinline style = "display: none" > < / video >
< image id = "image" src = "" style = "display: none" > < / video >
2020-11-03 04:15:37 +01:00
< canvas id = "canvas" style = "margin: 0 auto; width: 100%" > < / canvas >
2020-10-17 12:30:00 +02:00
< div id = "samples" style = "display: flex; flex-wrap: wrap" > < / div >
2020-11-03 04:15:37 +01:00
< div id = "log" style = "position: fixed; bottom: 0" > < / div >
2020-10-17 12:30:00 +02:00
< / body >
< / html >
