插件名称 | vue-camera-gestures |
---|---|
发布时间 | 2020年4月9日 |
插件作者 | danielelkington |
一个简单,安全,可访问的Vue.js库,使用户可以使用AI,摄像头和所选择的手势来控制您的Vue应用。
2020年10月25日
# NPM
$ npm install vue-camera-gestures --save
1.安装并导入组件。
import CameraGestures from 'vue-camera-gestures'
2.注册组件。
Vue.component('camera-gestures', CameraGestures)
3.将组件添加到应用模板。
<camera-gestures @fancyGesture="doSomething()"></camera-gestures>
4.可能的配置。
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
}