This repository was archived by the owner on Jun 4, 2024. It is now read-only.
- Notifications
You must be signed in to change notification settings - Fork9
Using Human library with TypeScript / ReactJS / NextJS
License
NotificationsYou must be signed in to change notification settings
vladmandic/human-next
Folders and files
| Name | Name | Last commit message | Last commit date | |
|---|---|---|---|---|
Repository files navigation
Project usesHuman library with fullTypeScript (including strict TypeChecking) support withNextJS framework andReactJS front-end library
Project creates two self-enclosed class components:
components/InitWebCam.tsx- initializes WebCam using specified
HTMLVideoElement
- initializes WebCam using specified
components/RunHuman.tsx- lazy-loads
Humanlibrary - loads required
models - warms up models
- uses
readystate change to trigger detection - uses
framestate change to trigger rendering
using specified inputHTMLVideoElementand outputHTMLCanvasElement
- lazy-loads
Note: configuration innext.config.js is defined for deployment ongitpages
- run:
npm dev - navigate to:http://localhost:3000
run
npm buildinfo - Checking validity of typesinfo - Creating an optimized production buildinfo - Compiled successfullyinfo - Collecting page datainfo - Generating static pages (3/3)info - Finalizing page optimizationrun
npm exportinfo - using build directory: /home/vlado/dev/human-next/.nextinfo - Copying "static build" directoryinfo - Launching 11 workersinfo - Copying "public" directoryinfo - Exporting (3/3)Export successful. Files written to /home/vlado/dev/human-next/out