danielelkington / vue-camera-gestures

Let users control your Vue app using AI and their camera in just 1 line of HTML!

Vue Camera Gestures

Let users control your Vue app using AI, their camera, and gestures of their choice in just 1 line of HTML!

Demo and full documentation

Installation

npm i vue-camera-gestures --save

Register the component globally

import CameraGestures from 'vue-camera-gestures'
import 'vue-camera-gestures/dist/style.css'

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

Getting Started

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

This will prompt the user to train and verify a 'Fancy Gesture'. When they perform this gesture the doSomething() method will be called.

The name and number of the events is completely configurable - subscribe to as many as you need.

To find out how to customize the component further, check out the docs.

Vue Support

vue-camera-gestures 1.x supports Vue 2 and the source code is in the v1-vue2 branch. Find the docs here vue-camera-gestures 2.x supports Vue 3 and the source code is in the master branch. Find the docs here

vue-camera-gestures's Issues

Tensor error when loading pre-trained model

When loading a pre-trained model (json attached), I'm having the following error:

I tried with different models.
Thanks a lot and congratulations for the amazing tool you've developed.
model.txt