Control Vue App Using AI And Camera Gestures Library

Vue Camera Gestures Let users control your Vue app with AI, camera, and gestures of their choice in just one line of HTML!

simple hand camera gestures using javascript, vue camera gestures detection, javascript gestures, webcam gesture detection, webcam hand gesture recognition library

How to make use of it:

Install and download:

# NPM
$ npm install vue-camera-gestures --save

1. Install and import the component.

import CameraGestures from 'vue-camera-gestures'

2. Register the component.

Vue.component('camera-gestures', CameraGestures)

3. Add the component to the application template.

<camera-gestures @fancyGesture="doSomething()"></camera-gestures>

4. Possible props.

doVerification: {
  type: Boolean,
  default: true
},
fireOnce: {
  type: Boolean,
  default: true
},
gestures: {
  type: Array
},
model: {
  type: String
},
neutralTrainingPrompt: {
  type: String,
  default: 'Maintain a neutral position'
},
neutralVerificationPrompt: {
  type: String,
  default: 'Verify neutral position'
},
requiredAccuracy: {
  type: Number,
  default: 90
},
showCameraFeedAfterTrainingCycle: {
  type: Boolean,
  default: true
},
showCameraFeedDuringTraining: {
  type: Boolean,
  default: true
},
showCameraFeedDuringVerification: {
  type: Boolean,
  default: true
},
throttleEvents: {
  type: Number,
  default: 0
},
trainingDelay: {
  type: Number,
  default: 1000
},
trainingPromptPrefix: {
  type: String,
  default: 'Perform a gesture: '
},
trainingTime: {
  type: Number,
  default: 3000
},
trainNeutralLast: {
  type: Boolean,
  default: false
},
verificationDelay: {
  type: Number,
  default: 1000
},
verificationPromptPrefix: {
  type: String,
  default: 'Verify gesture: '
},
verificationTime: {
  type: Number,
  default: 1000
}

Control Vue App Ising AI And Camera, Vue Camera Gestures Plugin/Github, camera gesture recognition project documentation