https://github.com/hawkeye64/onvif-nvt-snapshot-vue-sample

Sample onvif-nvt application using Profile S (PTZ), Sockets, Vue and Quasar.
https://github.com/hawkeye64/onvif-nvt-snapshot-vue-sample

Last synced: 8 days ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/hawkeye64/onvif-nvt-snapshot-vue-sample
• Owner: hawkeye64
• License: mit
• Created: 2018-02-16T15:15:52.000Z (almost 7 years ago)
• Default Branch: master
• Last Pushed: 2024-10-24T05:48:51.000Z (3 months ago)
• Last Synced: 2024-11-23T12:11:49.541Z (2 months ago)
• Language: Vue
• Size: 10.6 MB
• Stars: 24
• Watchers: 2
• Forks: 7
• Open Issues: 9
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• quasar-awesome - github - nvt (package) sample project for snapshots and PTZ using Vue 2.5 and Quasar 0.14.7 | v0.14.7 | (Awesome Quasar [](https://github.com/sindresorhus/awesome) / Tutorials)

README

        
# onvif-nvt-snapshot-vue-sample

Welcome to the [onvif-nvt](https://github.com/hawkeye64/onvif-nvt) sample project for `snapshots` using [Vue 2.5](https://vuejs.org/) and [Quasar 0.14.7](http://quasar-framework.org/)

You can find document for the `onvif-nvt` package [here](https://hawkeye64.github.io/onvif-nvt/)

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](https://www.onvif.org/conformant-products/). 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

![Discovery](https://github.com/hawkeye64/onvif-nvt-snapshot-vue-sample/raw/master/images/1.png "Discovery")

#### Cameras

![Cameras](https://github.com/hawkeye64/onvif-nvt-snapshot-vue-sample/raw/master/images/2.png "Cameras")

#### Connect

![Connect](https://github.com/hawkeye64/onvif-nvt-snapshot-vue-sample/raw/master/images/3.png "Connect")

#### Snapshot

![Snapshot](https://github.com/hawkeye64/onvif-nvt-snapshot-vue-sample/raw/master/images/4.png "Snapshot")

#### Device Information

![Device Information](https://github.com/hawkeye64/onvif-nvt-snapshot-vue-sample/raw/master/images/5.png "Device Information")

#### Add Preset

![Add Preset](https://github.com/hawkeye64/onvif-nvt-snapshot-vue-sample/raw/master/images/6.png "Add Preset")

#### Remove Preset

![Remove Preset](https://github.com/hawkeye64/onvif-nvt-snapshot-vue-sample/raw/master/images/7.png "Remove Preset")

#### Goto Preset

![Goto Preset](https://github.com/hawkeye64/onvif-nvt-snapshot-vue-sample/raw/master/images/8.png "Goto Preset")

#### Set Home Position

![Set Home Position](https://github.com/hawkeye64/onvif-nvt-snapshot-vue-sample/raw/master/images/9.png "Goto Set Home Position")