hawkeye64 / onvif-nvt-snapshot-vue-sample

Sample onvif-nvt application using Profile S (PTZ), Sockets, Vue and Quasar.

onvif-nvt-snapshot-vue-sample

Welcome to the onvif-nvt sample project for snapshots using Vue 2.5 and Quasar 0.14.7

You can find document for the onvif-nvt package here

This is a good project for anyone interested in programming ONVIF-compliant cameras. However, in an unconventional way, the server code was written into the build/script.dev.js because it was quick and dirty. The application uses sockets to communicate ONVIF commands with the client.

This sample application will not do much if you do not have any ONVIF-compliant cameras on your network. If you don't know if you have an ONVIF-compliant camera, you can verify it here. Occassionally, some cameras need a firmware upgrade to support ONVIF (depending on age), in which case, refer to your camera manufacturer's website and support information for your particular camera.

Installation and Running

To install, run npm install. If you have an ONVIF-compliant camera, you can start the app with npm run dev. A web browser at port 8080 will automatically be started.

Operations Supported

1. Discovery
2. Device Information
3. Snapshot
4. Pan / Tilt / Zoom (PTZ)
5. GotoHomePosition / SetHomePosition
6. GotoPreset / SetPreset / RemovePreset

Discovery

Cameras

Connect

Snapshot

Device Information

Add Preset

Remove Preset

Goto Preset

Set Home Position

onvif-nvt-snapshot-vue-sample's Issues

Delete this

Fresh git clone, get error

Error on running npm run dev: babel-loader@8 requires Babel 7.x (the package '@babel/core'). If you'd like to use Babel 6.x ('babel-core'), you should install 'babel-loader@7'.

From package.json:

"babel-core": "^6.26.3",
[...]
"babel-loader": "^8.0.6",

Fix: Change babel-loader line to the below, and rerun npm install.

"babel-loader": "^7.0.0",

I then get some other errors, but the fix above resolves the babel-loader error at least. (and I guess this is an example of where checking-in the package-lock.json file might be helpful)

Does not install

after cloning the repo, running npm install:

npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: [email protected]
npm ERR! Found: [email protected]
npm ERR! node_modules/webpack
npm ERR!   dev webpack@"^4.31.0" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer webpack@"^3.1.0" from [email protected]
npm ERR! node_modules/extract-text-webpack-plugin
npm ERR!   dev extract-text-webpack-plugin@"^3.0.2" from the root project

I tried --force, but that just results in a broken install, building or running doesn't work.

I'm running this on a Mac,
npm version: 8.3.0
node version: v17.3.1