Skip to content

Visionai Web Application Instructions

The VisionAI web application is the main interface through which users can interact with the system.

It supports the following functionality: 1. Onboard any IP cameras onto the VisionAI System. 2. Pick and choose AI scenarios you want to run on these IP cameras. 3. Configure events, notifications (email/text) and video recording settings. 4. Configure video clips recording for different events.

The web-application is available at http://localhost.

Basic Usage

  1. Please open localhost in the browser.
  2. Use your default username/password as master/master.
  3. After this, you will be asked to create a new admin user. Please use a strong password and create an admin user.

page


Once you are signed in, you will see a blank dashboard page. Let’s add an IP camera to the system. In order to do this, 1. Go to the “Cameras” tab on the left menu bar. 2. Then Click on the + button. 3. If you want to add multiple cameras at a time, then you can click on button, next to the add camera button.


A new pop-up window will appear to add cameras. You can enter the camera name, description, and RTSP URI for the camera. The RTSP URI can be obtained from the Camera or NVR documentation. You can ignore the other fields as they are optional. Click on “Add” button.


If you want to add multiple cameras at a time, then you can click on button, next to the add camera button.


Once you have added the camera, it should appear on the Cameras window and should show the initial streaming for the camera. Add any additional cameras in a similar fashion. Once all cameras have been added, the front-screen should look like this:


Once you are signed in, you will see a blank dashboard page. You may select any scenario from the list of active scenarios.

This shows details about the Scenario, the model version used, events supported and model accuracy, recall and F1 score metrics. You can now click on the “Get this” button again to apply the scenario to cameras.

In the next page, Select the Cameras for which you want to apply this scenario. Click “Save and Next”

In the next page, you can specify notification details. Click on the Submit button once the details have been entered.

Additionally, we have a list of scenarios that our team is currently working on. It can be viewed under the Upcoming Scenarios section


This page will show the list of events that have occurred in the selected time frame.


This page summarizes the events that occurred in the form of graphical representation.


  1. User

Click on the User tab and fill in the details as required. Later that user can be selected while setting up the notification details.

  1. Notification Group

Click on the Notification Group tab and you can make the required changes to the created groups.

Click on the Create Group button and you will be able to create a group of users.

Enter the name of group as per the requirement.

Click on Edit button, available besides each of the available users. Select a group name, to which the user needs to be added.

Click on Edit Group button, which will let you make changes to the created group of users.

Click on Delete button, besides the Group name. The group will then be deleted permanently.