Using Human library with TypeScript / ReactJS / NextJS
MIT License
Project uses Human
library with full TypeScript
(including strict TypeChecking) support with NextJS
framework and ReactJS
front-end library
Project creates two self-enclosed class components:
components/InitWebCam.tsx
HTMLVideoElement
components/RunHuman.tsx
Human
librarymodels
ready
state change to trigger detectionframe
state change to trigger renderingHTMLVideoElement
and output HTMLCanvasElement
Note: configuration in next.config.js
is defined for deployment on gitpages
npm dev
run npm build
info - Checking validity of types
info - Creating an optimized production build
info - Compiled successfully
info - Collecting page data
info - Generating static pages (3/3)
info - Finalizing page optimization
run npm export
info - using build directory: /home/vlado/dev/human-next/.next
info - Copying "static build" directory
info - Launching 11 workers
info - Copying "public" directory
info - Exporting (3/3)
Export successful. Files written to /home/vlado/dev/human-next/out