mirror of https://github.com/vladmandic/human
update cdn links
parent
50c767b005
commit
94ae6a2d8e
29
README.md
29
README.md
|
@ -113,16 +113,13 @@ As presented in the demo application...
|
||||||
|
|
||||||
## Quick Start
|
## Quick Start
|
||||||
|
|
||||||
Simply load `Human` directly from a CDN in your HTML file:
|
Simply load `Human` (*IIFE version*) directly from a cloud CDN in your HTML file:
|
||||||
|
(pick one: `jsdelirv`, `unpkg` or `cdnjs`)
|
||||||
|
|
||||||
```html
|
```html
|
||||||
<script src="https://cdn.jsdelivr.net/npm/@vladmandic/human/dist/human.js"></script>
|
<script src="https://cdn.jsdelivr.net/npm/@vladmandic/human/dist/human.js"></script>
|
||||||
```
|
|
||||||
|
|
||||||
or
|
|
||||||
|
|
||||||
```html
|
|
||||||
<script src="https://unpkg.dev/@vladmandic/human/dist/human.js"></script>
|
<script src="https://unpkg.dev/@vladmandic/human/dist/human.js"></script>
|
||||||
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/human/1.4.1/human.js"></script>
|
||||||
```
|
```
|
||||||
|
|
||||||
For details, including how to use `Browser ESM` version or `NodeJS` version of `Human`, see [**Installation**](https://github.com/vladmandic/human/wiki/Install)
|
For details, including how to use `Browser ESM` version or `NodeJS` version of `Human`, see [**Installation**](https://github.com/vladmandic/human/wiki/Install)
|
||||||
|
@ -154,7 +151,7 @@ function detectVideo() {
|
||||||
human.draw.body(outputCanvas, result.body);
|
human.draw.body(outputCanvas, result.body);
|
||||||
human.draw.hand(outputCanvas, result.hand);
|
human.draw.hand(outputCanvas, result.hand);
|
||||||
human.draw.gesture(outputCanvas, result.gesture);
|
human.draw.gesture(outputCanvas, result.gesture);
|
||||||
// and loop immediate to next frame
|
// and loop immediate to the next frame
|
||||||
requestAnimationFrame(detectVideo);
|
requestAnimationFrame(detectVideo);
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
@ -162,6 +159,24 @@ function detectVideo() {
|
||||||
detectVideo();
|
detectVideo();
|
||||||
```
|
```
|
||||||
|
|
||||||
|
or using `async/await`:
|
||||||
|
|
||||||
|
```js
|
||||||
|
// create instance of human with simple configuration using default values
|
||||||
|
const config = { backend: 'webgl' };
|
||||||
|
const human = new Human(config);
|
||||||
|
|
||||||
|
async function detectVideo() {
|
||||||
|
const inputVideo = document.getElementById('video-id');
|
||||||
|
const outputCanvas = document.getElementById('canvas-id');
|
||||||
|
const result = await human.detect(inputVideo);
|
||||||
|
human.draw.all(outputCanvas, result);
|
||||||
|
requestAnimationFrame(detectVideo);
|
||||||
|
}
|
||||||
|
|
||||||
|
detectVideo();
|
||||||
|
```
|
||||||
|
|
||||||
<br><hr><br>
|
<br><hr><br>
|
||||||
|
|
||||||
## Default models
|
## Default models
|
||||||
|
|
2
wiki
2
wiki
|
@ -1 +1 @@
|
||||||
Subproject commit 652dee1013ae99789199cc229d6652b3323ae7de
|
Subproject commit 3539f10bcdd6d6d5b68bbca77969825ff8ffe00d
|
Loading…
Reference in New Issue