human/demo

Human Library: Demos

For details on other demos see Wiki: Demos

Main Demo

index.html: Full demo using Human ESM module running in Browsers,

Includes:

• Selectable inputs:
  • Sample images
  • Image via drag & drop
  • Image via URL param
  • WebCam input
  • Video stream
  • WebRTC stream
• Selectable active Human modules
  • With interactive module params
• Interactive Human image filters
• Selectable interactive results browser
• Selectable backend
• Multiple execution methods:
  • Sync vs Async
  • in main thread or web worker
  • live on git pages, on user-hosted web server or via included micro http2 server

Demo Options

• General Human library options
  in index.js:userConfig
• General Human draw options
  in index.js:drawOptions
• Demo PWA options
  in index.js:pwa
• Demo specific options
  in index.js:ui

const ui = {
  console: true,      // log messages to browser console
  useWorker: true,    // use web workers for processing
  buffered: true,     // should output be buffered between frames
  interpolated: true, // should output be interpolated for smoothness between frames
  results: false,     // show results tree
  useWebRTC: false,   // use webrtc as camera source instead of local webcam
};

Demo implements several ways to use Human library,

URL Params

Demo app can use URL parameters to override configuration values
For example:

• Force using WASM as backend: https://vladmandic.github.io/human/demo/index.html?backend=wasm
• Enable WebWorkers: https://vladmandic.github.io/human/demo/index.html?worker=true
• Skip pre-loading and warming up: https://vladmandic.github.io/human/demo/index.html?preload=false&warmup=false

WebRTC

Note that WebRTC connection requires a WebRTC server that provides a compatible media track such as H.264 video track
For such a WebRTC server implementation see https://github.com/vladmandic/stream-rtsp project
that implements a connection to IP Security camera using RTSP protocol and transcodes it to WebRTC
ready to be consumed by a client such as Human