Avigilon Control Center Web Client User Guide Version: 4.
Copyright © 2013 Avigilon. All rights reserved. The information presented is subject to change without notice. No copying, distribution, publication, modification, or incorporation of this document, in whole or part, is permitted without the express written permission of Avigilon. In the event of any permitted copying, distribution, publication, modification, or incorporation of this document, no changes in or deletion of author attribution, trademark legend, or copyright notice shall be made.
Table of Contents Introduction .............................................................................................................................. 1 What is the Avigilon Control Center Web Client ....................................................................................... 1 For More Information ................................................................................................................................. 1 Avigilon Training Center .....................................
Avigilon Control Center Web Client User Guide Adding and Removing Cameras in a View ......................................................................................... 20 Displaying Recorded Video ................................................................................................................. 21 Zooming and Panning a Video ............................................................................................................ 21 Listening to Audio in a View ......................
Introduction What is the Avigilon Control Center Web Client The Avigilon Control Center Web Client is a simplified, web-based version of the Avigilon Control Center Client software. The Web Client allows you to access any camera that is connected to an Avigilon Control Center Server. Through the Web Client you can monitor live and recorded video, and search or export events in the camera's recording history.
Avigilon Control Center Web Client User Guide For emergency technical support 24 hours a day, 7 days a week, please call the Avigilon Emergency Technical Support Hotline at +1.604.506.3117. Upgrades Software and firmware upgrades will be made available for download as they become available. Check http://avigilon.com/#/support-and-downloads/ for available upgrades. Feedback We value your feedback. Please send any comments on our products and services to feedback@avigilon.
Accessing the Web Client Note: The Web Client is only compatible with the Internet Explorer browser. To access the Web Client, you need the Avigilon server's IP address and port number. This information is available in the Avigilon Control Center Admin Tool installed on the server. See the Avigilon Control Center Server User Guide for more information. 1. To access the Web Client, open Internet Explorer and enter the following address: http://:/ (For example, http://192.
Avigilon Control Center Web Client User Guide Figure A.
Views What are Views? A View is a tab composed of image panels that allows you to organize how video is displayed. For example, you can choose to display video from multiple cameras at the same time by using different layouts. Selecting a Layout for a View You can organize how video is displayed by selecting a View layout. The figure shows the default View layouts. On the toolbar, select the Change Layout button then select one of the layout options.
Avigilon Control Center Web Client User Guide Figure A. Layouts on the toolbar Editing a View Layout If the default View layouts do not fit your surveillance requirements, you can customize a View layout. 1. On the toolbar, select the Change Layout button then select Edit Layouts.
Views Figure A. Layouts on the Toolbar 2. In the Edit Layouts dialog box, select the layout you want to change. 3. Enter the number of Columns and Rows you want in your layout. 4. In the layout diagram, do any of the following to further customize the layout.
Avigilon Control Center Web Client User Guide Figure B. Edit Layouts dialog box o To create a larger image panel, select a grey line to delete the border between two image panels. When a line is highlighted in red, the line can be deleted. o To restore an image panel, select a dotted line to divide a large image panel into two. When a dotted line is highlighted in green, the line can be restored. o To restore all default View layouts, click Restore Defaults.
Views Ending Full Screen Tip: On the toolbar at the top left of the screen, click End Full Screen. The toolbar is hidden when the application is idle. Move your mouse to display the toolbar.
Video The Avigilon Control Center Web Client allows you to monitor video from any computer that is connected to your local network. You can configure View tabs to display video in multiple image panels, zoom in on the video image, or use the Timeline to control the playback of recorded video, etc. Note: Some features are not displayed if the server does not have the required license, or if you do not have the required user permissions.
Video Removing a Camera From a View Perform one of the following: Right-click the image panel and select Close. Inside the image panel, click Close. Displaying Live Video Once a camera has been added to an image panel, you can choose to watch the live video stream. You can set the entire View to display live video, or only set specific image panels to display live video. Live video have a blue border around the image panel.
Avigilon Control Center Web Client User Guide 1. Select a Zoom tool: o On the toolbar, click Zoom In Tool or Zoom Out Tool. 2. Click the image panel until you reach the desired zoom depth. Using the Pan Tools You can right-click and drag inside an image panel to pan the video image. Or, you can use the Pan tool: 1. Select the Pan tool: o On the toolbar, click Pan Tool. 2. Drag the video image in any direction inside the image panel.
Video Figure A. PTZ Controls 2. To pan or tilt, perform one of the following: o Click the round Pan/Tilt arrow buttons in the PTZ Controls. The speed of the pan/tilt movements can be adjusted using the Speed slider. o In the image panel, drag your mouse from center to move the camera in that direction. The farther the cursor is from the center of the image panel, the faster the camera will move.
Avigilon Control Center Web Client User Guide Action To zoom To control the Iris or Focus Control Procedure • Click the • Click the image panel and use the mouse scroll wheel to zoom in and out. • If the camera supports Drag to Zoom, click and drag to create a green box to define the area you want to zoom in and see. • Right-click the image panel and select Zoom Out Full. Click the and and buttons. buttons. 1. Move the camera's field of view into position. To program a PTZ preset 2.
Video 3. Click . In the PTZ Controls pane, select a pattern number and click . To activate a PTZ pattern The pattern will repeat until the pattern is stopped or another pattern is run. In the PTZ Controls pane, select a tour number and click . To activate a PTZ tour The tour will repeat until stopped or until other PTZ controls are used. To program a PTZ tour, see Programming PTZ Tours. 1. Select an aux command To activate an auxiliary command number and click . 2.
Avigilon Control Center Web Client User Guide Programming PTZ Tours If the PTZ camera supports guard tours, the tours can be programmed through the PTZ Controls pane. Tours allow the PTZ camera to automatically move between a series of preset positions, and can be set to pause at each preset for a specific amount of time for video monitoring. 1. Create all the PTZ presets you need for this tour. See Controlling PTZ Cameras for more information. 2.
Video 5. In the Tour Mode drop down list, select one of the following: o Sequential: the PTZ camera will go to each preset in the set order. o Random: the PTZ camera will go to each preset in random order. 6. Select the Set as default tour check box if you want this tour to run automatically. o The Default Tour Idle Start Time field is now enabled, enter the amount of time the PTZ camera must be idle for before this tour automatically begins. 7.
Avigilon Control Center Web Client User Guide Figure A. Audio bar Broadcasting Audio in a View If there are speakers linked to the camera, the Microphone icon is displayed when you monitor live video. The Microphone icon allows you to broadcast your verbal response to something that is occurring in the video, like a Public Address (P.A.) system. Note: This feature is only available if there is a Speaker Channel License installed. To broadcast audio, hold and speak in to your microphone.
Video The record indicator is highlighted in blue to show that the camera is recording. Manual recording continues until it is stopped, or until the maximum manual recording time is reached. Click the record indicator again to stop manual recording. Triggering Digital Output While you monitor live video from a camera, you can manually trigger any digital output connected to the camera through the image panel. 1. Open the camera's live video in an image panel. 2.
Avigilon Control Center Web Client User Guide Figure A. Live POS transactions displayed in an image panel Each transaction is separated by date and time, and the most recent transaction is highlighted in blue. 3. To display cameras that are linked to the POS transaction source, click POS transaction image panel. View Camera in the If multiple cameras are connected to the POS transaction source, you will be prompted to select one.
Video Drag the camera from the System Explorer to an empty image panel in the View. Double-click a camera in the System Explorer. In the System Explorer, right-click the camera and select Add to View. The camera is added to the next empty image panel in the View layout. Tip: You can drag the same camera to multiple image panels to watch the video at different zoom levels. Removing a Camera From a View Perform one of the following: Right-click the image panel and select Close.
Avigilon Control Center Web Client User Guide o On the toolbar, click Zoom In Tool or Zoom Out Tool. 2. Click the image panel until you reach the desired zoom depth. Using the Pan Tools You can right-click and drag inside an image panel to pan the video image. Or, you can use the Pan tool: 1. Select the Pan tool: o On the toolbar, click Pan Tool. 2. Drag the video image in any direction inside the image panel.
Video A blue bar shows the camera recorded video. White areas show that the camera did not record any video. An orange bar is a bookmark in the camera's recording history. Figure A. Playback tools on the Timeline Use any of the following controls to playback the recorded video files: Action To select a playback time Control Procedure • Click the calendar icon and select a date and time. • Or, click on a point in the Timeline.
Avigilon Control Center Web Client User Guide the playback speed. On the Timeline, click one of the Go Forward or Go Back buttons to move to different points on the Timeline. To jump forward or back on the Timeline To expand the Timeline to a specific moment in time • Move the slider on the bottom right to zoom in or out on the Timeline. • Or, you can place your mouse over the Timeline and use the scroll wheel to zoom in or out on the Timeline.
Video Figure A. Add Bookmark dialog box 2. Enter a name for the bookmark. 3. In the Cameras pane, select all the cameras that are attached to this bookmark. Note: You can only bookmark multiple cameras from the same server. 4. In the Time Range to Bookmark area, enter the time you want to bookmark. You can also move the black time range markers on the Timeline to adjust the time range. 5. In the Description field, enter any information about the bookmark. 6.
Avigilon Control Center Web Client User Guide Editing, Deleting or Exporting a bookmark 1. Click the bookmark on the Timeline then perform one of the following: Figure B. Bookmark properties To Do this... Edit a bookmark Click Edit then make your changes. Delete a bookmark Click Delete. When the confirmation dialog box appears, click Yes. Export a bookmark Click Export then complete the Export tab.
Video Figure A. Recorded POS transactions displayed in an image panel o o o Each transaction is separated by date and time. When you select a transaction, the video moves to that event on the Timeline. Scroll up or down to see other transactions from the POS transaction source. 3. To display cameras that are linked to the POS transaction source, click POS transaction image panel. View Camera in the If multiple cameras are connected to the POS transaction source, you will be prompted to select one. 4.
Avigilon Control Center Web Client User Guide Maximizing an Image Panel You can maximize an image panel to enlarge the video display. Maximizing an Image Panel Perform one of the following: Right-click an image panel and select Maximize. Inside the image panel, click Double-click the image panel. Maximize. Restoring an Image Panel Perform one of the following: Right-click the maximized image panel and select Restore Down. Inside the image panel, click Double-click the image panel.
Video Figure A. Change Display Quality dialog box o Maximum: displays the full video resolution with the lowest image rate. o High: displays 1/4 of the full video resolution. o Medium: displays 1/16 of the full video resolution. o Low: displays 1/64 of the full video resolution with the highest image rate. 3. Select the Monochrome check box to display the video in black and white. 4. Click OK.
Avigilon Control Center Web Client User Guide Figure A. Display Adjustments dialog box 2. Move the sliders to adjust the Gamma, Black Level and White Level. The image panel displays a preview of your changes. 3. Click Restore Defaults to clear your changes. 4. Click Close to save your changes.
Searching You can search for recorded video by events, thumbnails or POS transactions. Note: Some features are not displayed if the server does not have the required license, or if you do not have the required user permissions. Performing an Event Search The Event Search allows you to search for a specific motion events and digital input events. 1. Click Search to open the Search tab. 2. In the Search tab, select Event Search. The Search:Event tab is displayed.
Avigilon Control Center Web Client User Guide Figure A. Search: Event tab 3. In the Camera to Search area, select all the cameras you want to include in the search. 4. In the Time Range to Search area, set the date and time range of your search. The time range is highlighted on the Timeline by the black time range markers. You can also drag the time range markers to modify the time range. 5. In the Events to Search For area, select the types of events to include in the search. 6. Click Start Search.
Searching 2. Use the Timeline controls to review the event. See Playing Back Recorded Video for more information. 3. If you want to further refine your search, click Perform a pixel search on this event. You can now search for any pixel movement in the selected result. See Performing a Pixel Search for more information. 4. Click Export this event to export the selected event video. See Exporting Recorded Video and Images for more information. 5.
Avigilon Control Center Web Client User Guide Figure A. Search:Bookmark tab 3. In the Search field, enter any text that may appear in the bookmark's title, description, linked camera name or the name of the user who created the bookmark. The search is automatically performed on all the listed bookmarks until only the matches are displayed. Viewing Bookmark Search Results 1. In the Bookmark list, select a bookmark. The bookmark is highlighted on the Timeline and the video is displayed in the image panel.
Searching See Performing a Pixel Search for more information. 5. Click Edit this bookmark to edit the bookmark. See Bookmarking Recorded Video for more information. Performing a Pixel Search The Pixel Search allows you to search for tiny pixel change in specific areas in the camera’s field of view. 1. Click Search to open the Search tab. 2. In the Search tab, select Pixel Search. The Search:Pixel tab displays. Figure A.
Avigilon Control Center Web Client User Guide 4. In the Time Range to Search area, set the date and time range of your search. The time range is highlighted on the Timeline by the black time range markers. You can also drag the time range markers to modify the time range. 5. Define the pixel search area by using the motion detection tools above the image panel. Only areas highlighted in green are searched. 6.
Searching Figure A. Search:Thumbnails tab 3. In the Camera to Search area, select a camera. 4. In the Time Range to Search area, set the date and time range of your search. The time range is highlighted on the Timeline by the black time range markers. You can also drag the time range markers to modify the time range. 5. In the image panel, move or drag the edges of the green overlay to focus the search on one area in the video image. Only the area highlighted in green is searched. 6. Click Start Search.
Avigilon Control Center Web Client User Guide Figure B. Search:Thumbnail results tab 2. Select a thumbnail to highlight the video on the Timeline. 3. Click Step In, or double-click the thumbnail to perform another search around the thumbnail. Click Back to return to the previous results page. 4. Click Open In View to open the recorded video in a new View. 5. Click Change Search to change the search criteria.
Searching 2. In the Search tab, select POS Transactions Search. The Search: POS Transactions tab is displayed. Figure A. Search:POS Transactions tab 3. In the POS Transaction Sources to Search area, select all the POS transaction sources you would like to include in the search. 4. In the Time Range to Search area, set the date and time range of your search. The time range is highlighted on the Timeline by the black time range markers. You can also drag the time range markers to modify the time range. 5.
Avigilon Control Center Web Client User Guide Viewing POS Transaction Search Results 1. In the Search Results area, select a search result. The event is highlighted on the Timeline and the video is displayed in the search image panel. Details about the search result are displayed on the right. Tip: You can change the size of the image panel by moving the edge of the search results. 2. Use the Timeline controls to review the event. See Playing Back Recorded Video for more information. 3.
Exporting You can export video in multiple video and image formats. You can also export snapshots of an image panel as you monitor video. Exporting a Snapshot of an Image You can export a snapshot of any image panel with video. When you export a snapshot, you are exporting whatever the image panel is currently displaying. 1. To export a snapshot, perform one of the following: o o In the image panel, click the Save Snapshot icon. Right-click the image panel and select Save Snapshot.
Avigilon Control Center Web Client User Guide Figure A. Export tab for Snapshot export 2. In the Format drop down list, select an export format. 3. For the selected export format, define your preferences: Format Native Note: The Native format requires the Avigilon Control Center Player to view. Image options This is the recommended export format because the exported image maintains its original compression and can be authenticated against tampering in the Avigilon Control Center Player.
Exporting 3. Select the image overlays you want: Timestamp, Camera name, and Camera location. 4. Click Display Adjustments to adjust the Gamma, Black Level and/or White Level. 1. In the Quality field, select an image quality level. 2. Set the image Resolution. 3. Click Change Image Region to only export a part of the video image. JPEG 4. Select the image overlays you want. 5. Click Display Adjustments to modify the image quality. 1. Set the image Resolution. 2.
Avigilon Control Center Web Client User Guide 6. When the export is complete, click OK. Exporting Recorded Video and Images Use the Export tab to export recorded video in different video and image formats. Accessing the Export Tab The Export tab can be accessed in any of the following ways: On the toolbar, click While performing a search, select a search result and click Export this event. While reviewing bookmarked video, right-click a bookmark on the Timeline and select Export. Export.
Exporting Figure A. Export tab for recorded video export 2. In the Format drop down list, select Native. 3. In the Camera to Export list, select the camera video you want to export. 4. Enter the time range you want to export. The time range is highlighted on the Timeline by black time range markers. You can also drag the time range markers to modify the time range. 5. Set the export image rate: Option Description Select this option to control how many images per second are exported.
Avigilon Control Center Web Client User Guide Export one image every __ min __sec Select this option to control the time between each exported video image. For example, if you enter 5 min. 0 sec., only one image will be exported every 5 minutes. 6. To automatically divide the export into separate files that can be stored on optical media (like a CD or DVD), select the Split file into sizes of: check box.
Exporting Figure A. Export tab for recorded video export 2. In the Format drop down list, select AVI video. 3. In the Camera to Export list, select the camera video you want to export. 4. Enter the time range you want to export. The time range is highlighted on the Timeline by black time range markers. You can also drag the time range markers to modify the time range. 5. Set the export image rate: Option Description Select this option to control how many images per second are exported.
Avigilon Control Center Web Client User Guide Export one image every __ min __sec Select this option to control the time between each exported video image. For example, if you enter 5 min. 0 sec., only one image will be exported every 5 minutes. 6. In the Encoder field, select the compression used. The VC-1 (Windows Media Video) compression is included by default because it is tailored for high-resolution AVI encoding. 7. In the Quality drop down list, select the exported image quality level. 8.
Exporting Figure A. Export tab for still image export 2. In the Format drop down list, select PNG Images, JPEG Images, or TIFF Images. 3. In the Camera to Export list, select the camera video you want to export. 4. Enter the time range you want to export. The time range is highlighted on the Timeline by black time range markers. You can also drag the time range markers to modify the time range. 5.
Avigilon Control Center Web Client User Guide Export one image every __ min __sec Select this option to control the time between each exported video image. For example, if you enter 5 min. 0 sec., only one image will be exported every 5 minutes. 6. Select the Export at most __ images check box and enter a number to limit the amount of images that are exported. 7. (JPEG only) In the Quality drop down list, select the exported image quality level. 8.
Exporting Figure A. Export tab for still image export 2. In the Format drop down list, select Print Image or PDF File. 3. In the Camera to Export list, select the camera video you want to export. 4. In the Time field, enter the exact date and time of the video image you want to export. 5. Click Change Image Region... to only export part of the video image. In the Change Image Region dialog box, move and resize the green overlay then click OK. Only areas highlighted in green are exported. 6.
Avigilon Control Center Web Client User Guide 8. Click Add Export Notes to add notes about the exported image. The notes are added below the image. 9. Click Display Adjustments to adjust the gamma, black level and/or white level. 10. Click Start Export. 11. In the Save As dialog box, name the export file and click Save. The Preview area displays the video you are exporting. 12. When the export is complete, click OK. Exporting WAV Audio If a video contains audio, the audio is exported with the video.
Exporting Figure A. Export tab for audio export 2. In the Format drop down list, select WAV. 3. In the Camera to Export list, select the camera video you want to export. 4. Enter the time range you want to export. The time range is highlighted on the Timeline by black time range markers. You can also drag the time range markers to modify the time range. 5. Click Start Export. 6. In the Save As dialog box, name the export file and click Save.
