...
Video surveillance as a service (VSaaS
...
)
...
The VSaaS template connects Authentication services, User & Camera management (authorization) back-end, and Web & Mobile front-ends. It uses Firebase for authentication and a simple PHP + Postgresql backend for authorization (linking users to cameras).
...
is
...
a service that provides Cloud VMS functionality to authorized users. The VSaaS UI is fully white-label and comes with full source code.
...
Web Client
The web client has all standard video management software (VMS) functionality. This includes video viewing, recording, playback, events, controlling cameras, video analytics and more.
The Web Client UI has the following pages:
Home
Users
Cameras
Activity
Archive
Sign In/Up
...
Click Sign Up if you don’t have an account and you’ll receive a verification e-mail. Once it’s verified you can sign in. If you forgot your password, use the Forgot Password link.
Home
The Home page contains a summary of information about your video surveillance operations: a list of cameras, events, and results of AI processing.
...
Viewing
By clicking on a selected camera, it is easy to switch to live view, view recorded video, or review camera events. When viewing the camera in the video player, you can manage the camera and video feed, including scrubbing/scrolling, dragging timeline (frame-by-frame playback back and forward), dewarping, digital zoom and PTZ, export/share video, add notes, archive video, and more.
...
Scaling the timeline
Pointing a mouse on the left side of the timeline and scrolling the mouse wheel will change the scale of the timeline.
...
Scrubbing - scrolling through records
Pointing a mouse on the right side of the timeline and scrolling the mouse wheel will scroll through recordings backward and forward showing images (similar to time-lapse) and when stopped uploading video chunks for playback. It’s recommended to make the timeline as detailed as possible before scrolling to get a better user experience.
...
Dragging - playing frame-by-frame
Clicking on the timeline and “dragging it” left or right with the left button down will play video frame-by-frame forward to backward. It’s recommended to make the timeline as detailed as possible before scrolling to get a better user experience.
...
Users
The Users page contains a list of all users. Here, you can add or remove users, and grant access to selected cameras.
...
Cameras
The Cameras section is the main page for management and viewing cameras. There are 3 main modes:
List view
Grid view
Map view
In the list view, you can see all cameras, change settings, and configurations.
...
There are 3 grid view modes: 2x2, 3x3, and 4x4 modes. The cameras can be assigned to each of the modes by simple drag-and-drop.
...
In the map view, you can see your cameras on a street map or indoor map.
...
On the Cameras page, you can add new cameras by clicking on “Add Camera” and then selecting the way you would like to connect.
Events
The Activity page shows all your events from your cameras. By clicking on a selected event, you can review the video associated with it.
...
Archieve
The Archive page contains a list of all archived (saved) clips. The archived clips are extracted from recorded video and stay in the storage forever or until they are manually deleted.
...
An archived clip can have a description and a case name/number associated with it for easy search.
...
Progressive Web app
The Web Client can be “installed” on your PC, Mac, or mobile device as a Progressive Web application by clicking on the “install” button in your browser window:
...
This will create an icon on your desktop or on your mobile device screen. By clicking on that icon, the application will be launched without a web browser and will look like a native application.
...
Mobile apps
Mobile applications for Android and iOS are published on Google Play and The App Store. The applications have similar functionality to the Web client but use native Android and iOS controls to provide a better mobile user experience.
...
It can be used for publishing as a branded service, for easy integration with other services, web and mobile front-ends, or as a reference code.
More detailed information can be found in the sections below:
| Child pages (Children Display) |
|---|