How to Integrate Camera Live View into Web Application?
ACTi
Knowledge Base
Category: Installation & Configuration Note
Sub-category: Integration
Model: All
Firmware: N/A
Software: N/A
Author:
Published: 2009/12/30
Reviewed: 2011/11/30
How to Integrate Camera Live View into Web
Application?
Contents
Introduction Applications Live View page introduction ActiveX control technology How to install ActiveX control to your system Start building application with sample code Display PTZ camera's live view and control Display more channels live view How to show live view on other browsers FAQ Reference
1
Introduction
You may want to embed your camera's live image into your specially designed webpage, in order to let users see the live view anywhere, e.g. live traffic on highway, live view from famous tourist attractions, have a look at pets and see what they are doing, etc. User can view the video on various devices via different internet types, such as wired LAN, wireless LAN, 3G network. This article explains how it all works and how to set it up.
Applications
You can use browsers or multimedia players to display the live streaming. General browsers: Microsoft Internet explorer, Firefox, Safari, Google Chrome,etc. Multimedia players: Quick time, VLC, Media Player,etc.
Browsers ACTi Camera Note
Internet explorer Video/Audio/All control You need to install ActiveX control automatically.
Firefox
Safari
Video/Audio Video/Audio
Google Chrome Video/Audio
You need to use the URL command Please refer to another article: How to Watch Live Video Using iPhone and iPad
Multimedia players ACTi Camera Note
VLC
Quick Time
Other Application
Video/Audio
Video/Audio
Video/Audio/PTZ
RTSP URL:
ACTi "Mobile GO!" can work on
rtsp://IP_address:RTSP port or
iphone/iPAD.
rtsp://account:password@IP_address:RTSP Please install ACTi NVR server
and broadcast server.
if you use RTSP, the camera will use UDP to
send the image, please make sure there is
no firewall between camera and player.
ACTi has software NVR can offer more
functions and good quality. ACTi will not
guarantee third party software solution can
work always due to they may update library
or have quality concern.
2
Scenario 1: Show live streaming on IE browser
Network
Web server Scenario 2: To embed multimedia player on html file for verious browsers Scenario 3: Get snapshot from camera and show it on browser directly. Scenario 4: Broadcast server will send live stream to verious browser or target devices, and cameras can keep live streaming to software NVR for recording.
Network
ACTi NVR server
ACTi Broadcast server
ACTi "Mobile Go!"
Note** Broadcast server spec to be defined depends on potential number of clients using the service, if you want to understand more about broadcast server, please contact ACTi sales or can visit ACTi website to read "Mobile Server" in ACTi Utility first.
Note** "ACTi MobileGo" is available on iTunes, it allows you to view and control cameras on iPad, iPhone and iPod! If you want to understand "Mobile Go!", please visit ACTi website to read "ACTi MobileGo!" in ACTi Utility.
In the following page, we will teach you how to design the html page for live view on IE browser.
3
Live View page Introduction
If your browser is Microsoft Internet Explorer, you need to install the ActiveX control on your computer. This document contains information about how to use ActiveX control to integrate the camera live view window into web application. User can embed a camera live view window into web application, or create a customized live view web page.
ActiveX Control Technology
ActiveX controls -- small program building blocks -- can serve to create distributed applications that work over the Internet through Microsoft Internet Explorer web browser. Examples include customized applications for gathering data, viewing certain kinds of files, and displaying animation.
ACTi camera also included ActiveX control "nvEPLMedia.cab" into firmware, when user connect to camera's web page, the Internet Explorer will allow embedding the ActiveX control, then user can view the video streaming in camera's web page.
If you want to embed our ActiveX control into your specially designed webpage, the ActiveX control " nvUnifiedControl.ocx" can work with all ACTi cameras whatever the camera firmware is earlier or not. Here is latest ACTi camera's ActiveX control.
ACTi
ActiveX control
Camera
Digital signature Internet Explorer
ACM TCM KCM
File Name: nvUnifiedControl.ocx Version: 1.2.91.24 Date: 6/8/2011
Valid from 9/23/2009 to 9/24/2012
32-bit version
Internet Explorer's default security settings require that any software available for download must have a digital signature before download can occur, the file types which will need digital signature, such as .exe, .cab, .dll, .ocx, .msi, .xpi.
How to install ActiveX control to your system
Generally ActiveX control will be pushed to user system automatically. However, there may be some cases when the user may not be able to download and install the ActiveX control from the web application. In such case user will need to install the ActiveX control manually. You can find one attachment in this KB named as "ActiveX control Installation Pack.zip", after unzipping the file, execute" Register OCX.bat", it will install the necessary ActiveX control into user system.
4
Start building application with sample code for IE browser
You can find sample code attached to this article, named as "LiveDemoSample.htm". This sample is a useful example to set up a live demo page for guest viewers. We will highlight the necessary modification which can help you to get successful preview with this sample.
Line 3:
Modify the display of the web page title bar ACTi - Live Demo
Line47:
Modify the camera IP address
NV1.MediaSource = "10.1.1.85";
Line49-50: Modify the camera User Name and Password NV1.MediaUserName = "Admin"; NV1.MediaPassword = "123456";
Line51-56: Modify the camera port setting NV1.HttpPort = "80"; NV1.RegisterPort = "6000"; NV1.ControlPort = "6001"; NV1.StreamingPort = "6002"; NV1.MulticastPort = "5000"; NV1.RTSPPort = "7070";
Line72:
Modify the live view time. This setting is useful to limit the access time for each
connection, you can set this value as 0 if you wish to provide a permanent connection.
var nLivingTime = 0;
Line121:
Modify the URL which locates the ActiveX control component. You may
choose to host this file on your website, or let your user download from ACTi server. If you wish
to host ActiveX control yourself, just replace the bold text with your URL. If you do not wish to
host it yourself, you can leave the settings unchanged to let your users download from ACTi
server. Please do not modify other settings in this tag.
5
................
................
In order to avoid copyright disputes, this page is only a partial summary.
To fulfill the demand for quickly locating and searching documents.
It is intelligent file search solution for home and business.
Related searches
- how to cite a web source
- how to view macros excel
- how to view my 401k
- how to cite web pages
- how to view pdf in microsoft edge
- how to create a web page
- how to view file extensions
- how to integrate exponentials
- how to integrate in calculus
- how to view game files
- how to view vba code
- how to view clipboard history