Panasonic WJ-NT104 Control by Html Description, Image Display, CGI function for image display

Page 73

CONTROL BY HTML DESCRIPTION

Image display, camera operation, and alarm image display can be effected on the WWW browser by means of commands described in the HTML (Hyper Text Mark-up Language) file. The WJ-NT104 employs CGI (Common Gateway Interface) to carry out these functions. When using a function, the following syntax is used.

Syntax: http://<IP address >/<CGI function>?<Parameter>=<value> [&<Parameter> = <value>...]

Image Display

CGI function for image display

CGI item

URL

Parameter name

Parameter

Description

 

 

 

 

 

Pull mode

/cgi-bin/camera

CH

1-4

To get a frame of a new image.

image get

 

 

 

Parameter CH:

 

 

 

 

Fixed Input, Random Input mode:

 

 

 

 

Ignored (or can be omitted)

 

 

 

 

Multi Input mode: Essential

 

 

 

 

 

Push mode

/cgi-bin/push

CH

1-4

Push mode image get command for Netscape

image get

 

 

 

Parameter CH:

 

 

 

 

Fixed Input, Random Input mode: Ignored (or

 

 

 

 

can be omitted)

 

 

 

 

Multi Input mode: Essential

Channel No.

/cgi-bin/chconv

CH

1-4

Channel for converting %c: Essential

conversion

 

 

 

 

 

FILE

File name

Name of files to be converted: Essential

(See page 79.)

 

HTML Sample File [mainview1.html]

<HTML>

<HEAD>

</HEAD>

<BODY BGCOLOR=”#FFFFCC”> <CENTER>

<SCRIPT LANGUAGE=”JavaScript”> var myDate = new Date();

var tmpImg = new Image(%W,%H); width=%W

height=%H

function drawcamera() { document.CamImg.src=this.src;

}

 

 

 

 

 

 

 

 

 

function loadcamera() {

 

 

 

 

 

 

 

 

 

 

 

 

 

 

z

 

 

 

myDate = new Date();

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

tmpImg.src = “/cgi-bin/camera?CH=%c&PAGE=”+ myDate.getTime();

 

 

 

 

 

 

tmpImg.onload = drawcamera;

 

 

 

 

 

 

 

 

tmpImg.onerror= drawcamera;

 

 

 

 

 

 

 

 

}

 

 

 

 

 

 

 

 

 

document.write(“<IMG

SRC=/cgi-bin/camera?CH=%c&PAGE=”+myDate.getTime()+”

NAME=CamImg

 

 

onLoad=\”TimerID=setTimeout(‘loadcamera()’,%i);\”

onError=\”TimerID=setTimeout(‘loadcamera()’,%i);\”

 

x

 

WIDTH=”+width+” HEIGHT=”+height+ “ VSPACE=5></A>”);

 

 

 

 

 

 

 

 

</SCRIPT>

 

 

 

 

 

 

 

 

 

</CENTER>

 

 

 

 

 

 

 

 

 

</BODY>

 

 

 

 

 

 

 

 

 

</HTML>

 

 

 

 

 

 

 

 

 

zThis is a function to call new images by means of JavaScript.

xThis is a time interval (msec) to be converted by %i, requesting a new image in pull mode (see page 79). The page num- ber of the argument is added for nullifying the cache.

73

Image 73
Contents Operating Instructions Lightning flash with arrowhead sym Contents Preface FeaturesHandle the appliance with care PrecautionsRear View Front ViewSwitch Positions Mode selector Mode1RS-485 setup switches RS485 Setup 2Alarm input/output port AlarmMounting in a Rack InstallationsMounting one WJ-NT104 with the WV-Q204/1 Mounting two WJ-NT104 with the WV-Q204/2Mounting two WJ-NT104s Rack mounting screws Access from PCs via routers Access from a PC on the same subnetSystem Connections LAN Type ConnectionAccess from the WJ-NT104 to a Client PC Access from a Client PC to the WJ-NT104PPP Point to Point Protocol Type Connection Direct connection to the WJ-NT104Direct Connection to a PC without Hub PreparationsConnection to a Client PC via Hub PC Setup Page IP Address Setting via LAN Connection WJ-NT104 SetupIP Address Setting via RS-232C Connection Setup Procedures PPP Type Connection 1 P to P AccessRS-232C Setup Baud RATE, Data BIT, Stop BIT, PARITY, USE Flow ControlPage Connection Setup Access ProceduresTCP/IP protocol Dial-Up NetworkingPage Check TCP/IP in the Allowed network protocols field Access Procedures Windows NT Setup PPP Type Connection 2 Network AccessPage Windows98 Setup Main Page and Control Windows Main page and ControlsMulti Input Selection Mode Random Input Selection Mode¡Multi Input Selection Mode ¡Fixed Input Selection Mode Operation ModesSequence Mode Fixed Input Selection ModePull Mode Pull Mode and Push ModePush Mode Image Resolution Picture Quality SetupImage Quality Input Select Main page without Camera Control index1.htmlLive image display Quad Screen Mode Quad Screen Mode index4.htmlAlarm List Return to MainMain page with Camera Control index2.html Preset SelectPan/Tilt ZoomIris 0PRESETAutopan T y u U i o !0 Preset0AUTOPAN 1PRESETAlarm List Window Alarm FunctionSingle Frame Recording mode Alarm RecordingContinuous Recording after alarm mode Continuous Recording before/after alarm modeAlarm Image Readout Alarm NoticeMail Notice Panasonic Original Protocol Notice optionHow to Read Administrator Setup Setup ProceduresT y u i o !0 0CAMERA MenuRandom Input Selection Mode Mode SetupMulti Input Selection Mode 0 !1 0FRAME Speed Control for Push Mode1OUTPUT Data Rate Control 2CAMERA Control SelectI o !0 Network SetupR t Alarm Setup1CAMERA Preset 7SENDER Name 5ALARM Notice Smtp E-MAIL3ALARM Contact 6SERVER Address3DUPLEX Mode Serial Port SetupE r t y O !0 !1 Modem Setup User Setup Host Setup E r FTP Client Setup2ALARM Image File Name Setup Alarm Setup0FTP ON/OFF 1TARGET DirectoryDate Date & Time SetupTime T y Camera Menu Setup0CAMERA Select Utility Software Network SetupConnection Confirmation of the set values Operation Camera Menu SetupControl of Access Authorization Access AuthorizationAccess Level User Setup Window Host Setup WindowRegistration WJ-NT104 Authorized FunctionsFixed Input Selection Mode SetupExtension Functions WJ-FS616 Video Multiplexer Control1IRIS 0FOCUS2AUTO PAN Random Input Selection Mode WJ-SX550A/B/C Matrix Switcher ControlMulti Input Selection Mode ConnectionsVIDEO-INPUT Number and MONITOR-OUT CHAN- NEL Setup Password1 !2 !3 1FOCUS 0ZOOM2IRIS 3AUTO PANWJ-DR200 AV Disk Recorder Control Selection ModeAlarm REC Standby Setup Control OperationTyu 0!5!1!6!2!7!3!8 Index1STOP 0REVERSE Play2PLAY 4RECE r 1 !2 !3 @4 @3 @2 WJ-HD100 Digital Disk Recorder Control1DATE 0SET2TIME 3SEARCHWJ-HD500 Digital Disk Recorder Control 5!6!7 @8 @7 @6 1ESC 0LEFT4DOWN 6SETContents Upload Image Display Control by Html DescriptionCGI function for image display Html Sample File mainview1.htmlHtml Sample File nsmainview1.html Camera OperationCGI functions related to camera operation Html HEAD/HEAD Body BGCOLOR=#FFFFCC CenterHtml Head Body BGCOLOR=#FFFFCC Center Titele Logo Image Html Sample File mainpanel1.htmlScript Center Quad ScreenFont Body Html Html Body BGCOLOR=#FFFFCC Center Html Sample File 2 camctrl.htmlCGI functions related to alarm Alarm OperationHtml Sample File almctrl.html Ordinary Html file get Substitute Character Strings in Http ServerCgi-bin/chconv Cgi-bin/almctrl Ping IP address set in the WJ-NT104 TroubleshootingNetwork System PeripheralsMonitoring Browser Cctv Camera optionGeneral SpecificationsInput and Output HTTP, TCP/IP, PPP, FTP, SmtpPanasonic Canada Inc