Install & Download:
# NPM
$ npm install vue-camera-gestures --saveDescription:
A simple, secure, accessible Vue.js library that lets users control your Vue app using AI, their camera, and gestures of their choice.
How to use it:
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 app template. That’s it.
<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
}Preview:

Changelog:
10/24/2021
- v2.0.0: Vue 3 support
02/08/2021
- v1.0.0
10/25/2020
- v0.3.0