ambiser
/
human
mirror of https://github.com/vladmandic/human
9
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

added sample image

pull/50/head
Vladimir Mandic 2020-10-12 10:59:55 -04:00
parent 7beea18dc9
commit 124bd7a7dc
5 changed files with 29 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
README.md
View File

@ -6,6 +6,8 @@
*Suggestions are welcome!*
![Sample](demo/sample.jpg)
<hr>
## Credits

3
demo/demo-esm.html
View File

@ -5,7 +5,8 @@
<body style="margin: 0; background: black; color: white; font-family: 'Segoe UI'">
<div id="main">
<video id="video" playsinline style="display: none"></video>
<image id="image" src="" style="display: none"></video>
<canvas id="canvas"></canvas>
<div id="log"></div>
<div id="log">Starting Human library</div>
</div>
</body>

31
demo/demo-esm.js
View File

@ -5,15 +5,15 @@ import human from '../dist/human.esm.js';
const config = {
face: {
enabled: false,
enabled: true,
detector: { maxFaces: 10, skipFrames: 5, minConfidence: 0.8, iouThreshold: 0.3, scoreThreshold: 0.75 },
mesh: { enabled: false },
iris: { enabled: false },
age: { enabled: false, skipFrames: 5 },
gender: { enabled: false },
mesh: { enabled: true },
iris: { enabled: true },
age: { enabled: true, skipFrames: 5 },
gender: { enabled: true },
},
body: { enabled: false, maxDetections: 5, scoreThreshold: 0.75, nmsRadius: 20 },
hand: { enabled: false, skipFrames: 5, minConfidence: 0.8, iouThreshold: 0.3, scoreThreshold: 0.75 },
body: { enabled: true, maxDetections: 5, scoreThreshold: 0.75, nmsRadius: 20 },
hand: { enabled: true, skipFrames: 5, minConfidence: 0.8, iouThreshold: 0.3, scoreThreshold: 0.75 },
};
let settings;
@ -189,6 +189,7 @@ async function runHumanDetect() {
}
function setupGUI() {
settings = QuickSettings.create(10, 10, 'Settings', document.getElementById('main'));
settings.addRange('FPS', 0, 100, 0, 1);
settings.addBoolean('Pause', false, (val) => {
if (val) document.getElementById('video').pause();
@ -237,7 +238,6 @@ async function setupCanvas() {
const canvas = document.getElementById('canvas');
canvas.width = video.width;
canvas.height = video.height;
settings = QuickSettings.create(10, 10, 'Settings', document.getElementById('main'));
}
async function setupCamera() {
@ -257,6 +257,20 @@ async function setupCamera() {
});
}
// eslint-disable-next-line no-unused-vars
async function runImageDemo() {
const image = document.getElementById('image');
const canvas = document.getElementById('canvas');
canvas.width = image.width;
canvas.height = image.height;
const result = await human.detect(image, config);
const ctx = canvas.getContext('2d');
ctx.drawImage(image, 0, 0, image.width, image.height, 0, 0, canvas.width, canvas.height);
drawFace(result.face);
drawBody(result.body);
drawHand(result.hand);
}
async function main() {
await human.tf.setBackend('webgl');
await human.tf.ready();
@ -264,6 +278,7 @@ async function main() {
await setupCanvas();
await setupGUI();
runHumanDetect();
// runImageDemo();
}
window.onload = main;

3
demo/demo-iife.html
View File

@ -6,7 +6,8 @@
<body style="margin: 0; background: black; color: white; font-family: 'Segoe UI'">
<div id="main">
<video id="video" playsinline style="display: none"></video>
<image id="image" src="" style="display: none"></video>
<canvas id="canvas"></canvas>
<div id="log"></div>
<div id="log">Starting Human library</div>
</div>
</body>

BIN
demo/sample.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 100 KiB