mirror of https://github.com/vladmandic/human
26 lines
1.1 KiB
HTML
26 lines
1.1 KiB
HTML
|
<head>
|
||
|
|
<script src="https://cdn.jsdelivr.net/npm/three@0.106.2/build/three.min.js"></script>
|
||
|
|
<script src="https://cdn.jsdelivr.net/npm/scatter-gl@0.0.1/lib/scatter-gl.min.js"></script>
|
||
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/tensorflow/2.6.0/tf.es2017.min.js"></script>
|
||
|
|
<style>
|
||
|
|
.canvas-wrapper { display: inline-block; vertical-align: top; }
|
||
|
|
#scatter-gl-container { display: inline-block; vertical-align: top; border: solid 1px black; position: relative; }
|
||
|
|
#scatter-gl-container canvas { transform: translate3d(-50%, -50%, 0); left: 50%; top: 50%; position: absolute; }
|
||
|
|
</style>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<div id="main">
|
||
|
|
<div class="container">
|
||
|
|
<div class="canvas-wrapper">
|
||
|
|
<canvas id="output"></canvas>
|
||
|
|
<video id="video" playsinline style="visibility: hidden; width: auto; height: auto">
|
||
|
|
</video>
|
||
|
|
</div>
|
||
|
|
<div id="scatter-gl-container"></div>
|
||
|
|
<div id="faces"></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</body>
|
||
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/dat-gui/0.7.6/dat.gui.min.js"></script>
|
||
|
|
<script type="module" src="./index.js"></script>
|