@dannadori/006_handpose-worker-js v1.0.1

This repository is the zoo of image processing webworkers for javascript. You can use these workers as npm package.

Note. some module is not provided as webworker for safari because of it's restriction.

Webworkers

• Webworkers
  • bodypix
  • facemesh
  • asciiart
  • opencv
  • PoseNet
  • HandPose
• Reference

bodypix

• install

$ npm install \@dannadori/bodypix-worker-js
$ cp node_modules/\@dannadori/bodypix-worker-js/dist/0.bodypix-worker.worker.js public/

• basic usage

// Generate Config
config:BodyPixConfig = generateBodyPixDefaultConfig()

// Initialize with config
facemesh:FacemeshWorkerManager = new FacemeshWorkerManager()
bodypix.init(config).then(() => {
  console.log("initialized.")
})

// Predict
bodypix.predict(canvas, BodypixFunctionType.SegmentPerson).then(prediction => {
  console.log(prediction)
}

for more detail, you can see the demo source.

• demo https://flect-lab-web.s3-us-west-2.amazonaws.com/t01_bodypix/index.html

facemesh

• install

$ npm install \@dannadori/facemesh-worker-js
$ cp node_modules/\@dannadori/facemesh-worker-js/dist/0.facemesh-worker.worker.js public/

• basic usage

// Generate Config
config:FacemeshConfig = generateFacemeshDefaultConfig()

// Initialize with config
facemesh:FacemeshWorkerManager = new FacemeshWorkerManager()
facemesh.init(config).then(()=>{
  console.log("initialized.")
})

// Predict
facemesh.predict(canvas).then(prediction=>{
  console.log(prediction)
}

for more detail, you can see the demo source.

• demo https://flect-lab-web.s3-us-west-2.amazonaws.com/t02_facemesh/index.html

asciiart

• install

$ npm install \@dannadori/asciiart-worker-js
$ cp node_modules/\@dannadori/asciiart-worker-js/dist/0.asciiart-worker.worker.js public/

• basic usage

// Generate Config
config:AsciiConfig = generateAsciiDefaultConfig()

// Initialize with config
aa: AsciiArtWorkerManager = new AsciiArtWorkerManager()
aa.init(this.config).then(() => {
  console.log("initialized.")
})

// Predict
this.aa.predict(this.canvas).then(converted => {
}

for more detail, you can see the demo source.

• demo https://flect-lab-web.s3-us-west-2.amazonaws.com/t03_asciiart/index.html

opencv

• install

$ npm install \@dannadori/opencv-worker-js
$ cp node_modules/\@dannadori/opencv-worker-js/dist/0.opencv-worker.worker.js public/;

• basic usage

// Generate Config
config:OpenCVConfig = generateOpenCVDefaultConfig()

// Initialize with config
opencv:OpenCVWorkerManager = new OpenCVWorkerManager()
opencv.init(this.config).then(()=>{
  console.log("initialized.")
})

// Predict
this.opencv.predict(this.canvas, params).then(converted=>{
}

for more detail, you can see the demo source.

• demo https://flect-lab-web.s3-us-west-2.amazonaws.com/t04_opencv/index.html

PoseNet

• install

$ npm install \@dannadori/posenet-worker-js
$ cp node_modules/\@dannadori/posenet-worker-js/dist/0.posenet-worker.worker.js public/;

• basic usage

// Generate Config
config = generatePoseNetDefaultConfig()()
params = generateDefaultPoseNetParams()
// Initialize with config
manager: PoseNetWorkerManager = new PoseNetWorkerManager()
manager.init(this.config).then(()=>{
  console.log("initialized.")
})

// Predict
manager.predict(this.canvas, params).then(converted=>{
}

for more detail, you can see the demo source.

• demo https://flect-lab-web.s3-us-west-2.amazonaws.com/t05_posenet/index.html

HandPose

• install

$ npm install \@dannadori/handpose-worker-js
$ cp node_modules/\@dannadori/handpose-worker-js/dist/0.handpose-worker.worker.js public/;

• basic usage

// Generate Config
config = generateHandPoseDefaultConfig()()
params = generateDefaultHandPoseParams()
// Initialize with config
manager: HandPoseWorkerManager = new HandPoseWorkerManager()
manager.init(this.config).then(()=>{
  console.log("initialized.")
})

// Predict
manager.predict(this.canvas, params).then(converted=>{
}

for more detail, you can see the demo source.

• demo https://flect-lab-web.s3-us-west-2.amazonaws.com/t06_handpose/index.html

Reference

This repository was inspired by this site.

https://github.com/terryky/tfjs_webgl_app