Press "Enter" to skip to content

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


See Demo And Download

Official Website(danielelkington): Click Here

This superior jQuery/javascript plugin is developed by danielelkington. For extra Advanced Usages, please go to the official website.

Be First to Comment

    Leave a Reply

    Your email address will not be published. Required fields are marked *