Manuals / Canon / Household Appliance / Home Security System

Canon Vb-C50fi Creating Web Pages, Using the Viewer for Java to Distribute Videos, Frame settings

Models: Vb-C50fi

1 209

Download 209 pages 12.39 Kb

Page 139

1 Frame settings

Using the Viewer for Java to Distribute Videos

Example of Using the Viewer for Java to Create a Web Page

This section describes an example in which the Viewer for Java is used to create a Web page.

Use this example to create your own original Web page.

Embed the Viewer for Java, and Display a Text in a Separate Frame

Tip

1 Frame settings

2 The text displayed in a separate frame

3 Frame with the embedded Viewer for Java

Writing IP Addresses

Using the Web server functions built into the VB-C50Fi, IP addresses can be expressed

as <_I_P_A_D_D_R_> (all upper-case characters, including the angle brackets) or as <_W_E_B_S_E_R_V_E_R_> (html-compatible only, all in upper-case characters, including the angle brackets) in the 3 file types (html, wvh and wvp) used by the Web server in the VB-C50Fi.

Since <_I_P_A_D_D_R_> or <_W_E_B_S_E_R_V_E_R_> is replaced with the actual address when the VB-C50Fi is accessed, the Web page does not need to be changed even when the VB-C50Fi’s IP address is changed. NAT can also be supported by specifying a global address for the Web page (→ P.5-26).

Creating Web Pages

5-9

Image 139

Canon Vb-C50fi Creating Web Pages, Using the Viewer for Java to Distribute Videos, Frame settings, Writing IP Addresses

Contents

NETWORK CAMERA User’s ManualNETWORK CAMERA User’s ManualNotes IntroductionExclusion of Liability Copyright InformationIntroduction Request concerning disclosure of live videos6.Warranty card NTSC model only Package Contents5.User’s Manual This document Contents Chapter 4 VB Administration Tools Chapter 6 Using the Picture Recording Function viii Chapter 7 AppendixFor information about setting up the VB-C50Fi How to Read This ManualFor information about using the Viewer aCAUTION aSafe Use of EquipmentaCAUTION aWARNINGCanadian Radio Interference Regulations FCC NOTICEaSafe Use of Equipment aSafe Use of Equipment aIMPORTANT SAFETY INSTRUCTIONSaSafe Use of Equipment xiiifig-1 Locations exposed to direct sunlight aSafe Use of EquipmentaWARNING MaintenanceCleaning the Equipment Cleaning the LensPage Chapter Before Using the VB-C50FiConcurrent video is distributed up to 50 clients Features of the VB-C50FiCamera Position Preset function Broadband Video Distribution FunctionFeatures of the VB-C50Fi Simple set up and managementMore powerful security functions Service settings with schedule functionViewer Software → dViewer Software User’s Manual VB Initial Setup Tool Ver. 2.0 → P.2-7VB Administration Tools Ver. 2.1 → P.4-2 Hardware and Software RequirementsUsing the VB-C50Fiwith Windows XP SP2 VBCollector Ver. 2.1 → P.6-9Hardware and Software Requirements WebView Livescope MV Ver. 2.1/LEScrew hole for arm mounting System Components and Their OperationBefore Using the VB -C50Fi FrontRear Reset switchPower connection socket Multi-connector 100/10 BT Ethernet connectorVB-C50Fi Sensor A Sensor B Multi-TerminalModule Before Using the VB -C50FiMulti-TerminalModule VB-EX50Sold Separately Example of Use1-10 Chapter Setting Up2 Connect the camera to the network Setup Workflow1 Set up the camera 3 Perform initial settings for the cameraSetup Workflow 5 Install the software4 Check operation of the camera Setting UpaWARNING 1. Set Up the CameraUsing a Tripod Install the camera securely1. Set Up the Camera Using the Wide ConverterSetting Up Setup is now complete2. Connect the Camera to the Network Turning the Power ON and OFFSetting Up 3. Perform Initial Settings for the Cameraaddress, IP address and model name 3. Perform Initial Settings for the Cameraare displayed Initial settings are now complete Setting Up3. Perform Initial Settings for the Camera 2-10 4. Check Operation of the CameraSetting Up 5. Install the Software2-11 Hardware and Software Requirements Features of the Viewer SoftwareViewer Software Overview Viewer Software TypesChapter Basic SettingsAdministration Tools What Can I Do on Each of the Settings Pages?Preset Access ControlBasic Settings Accessing the Settings Title Page2.Enter the user name and password The Setting Title Page appears2“Japanese” or “English” button Settings Title Page4“Restore to the previous Setting” button 1“Back to top” buttonRoot Account Basic Settings1“Password” 2“Confirm Password”2“IP Address” 1“Address Setting Method”4“Default Gateway Address” Ethernet2“Target IP Address” Basic SettingsConnection Keeping 1 2 31“Video Capture Size” Video Capture2“Video Quality Q-Factor” 4“Use External Video Input” Basic SettingsCamera Control 3“Interlace Mode”“Zoom” Camera Names3-10 3“Home Position”3-11 Presetting Best Shot PresetCommon Settings Basic Settings“Preset” Presetting Best Shot Preset1“Restrict Camera Control to Presets” “Auto Preset Tour”2“Preset Name” PresetBasic Settings Presetting Best Shot Preset3-14 Setting Up the HTTP and Camera Servers ServerCommon Settings 3“Restrict Service Time”3-15 Basic SettingsSetting Up the HTTP and Camera Servers Server HTTP Server1“Video Transmission Port” Setting Up the HTTP and Camera Servers ServerCamera Server 3-16Authorized User Account Setting User Access Privileges Access ControlBasic Settings 2“Access permitted to listed users only”1“Host List” Authorized/Restricted Host SpecificationSetting User Access Privileges Access Control 3-183-19 Basic SettingsSetting User Access Privileges Access Control Example 1: To prohibit access from a host1 “Date” and “Time” Setting the Date and Time Date and TimeCurrent Camera Time 3-20Time Zone Basic SettingsSetting the Date and Time Date and Time New Camera Time1 “Name Server Address 1-2” 3-222“Register Host Name” 3-23 Basic Settings5“User Name” and “Password” Mail1“External Input Device 1-2” “Device Name” 1“LED Setting”External Device Names 3-243-25 Basic SettingsOn-boardFile System Information Recorded Picture Information and Manipulation3-26 3“Reboot”4“Restore Settings” MiscellaneousChapter VB Administration ToolsInstalling the VB Administration Tools Overview of VB Administration Toolsthrough the Internet/Intranet View Restriction Tool → P.4-12 VBAdmin Startup Panel → P.4-5Preset Setting Tool → P.4-18 Panorama Creation ToolOverview of VB Administration Tools Schedule Setting Tool → P.4-27Admin Viewer → P.4-63 Log Viewer → P.4-60eAdministrator Password → P.3-5 Starting Up VB Administration ToolsVB Administration Tools wAdministrator AccountStarting Up VB Administration Tools 3.The VBAdmin Startup Panel starts uprestriction is displayed in the viewer View Restriction ToolVB Administration Tools Only the range set in the viewView Restriction Tool View Restriction Tool Display Screenq“Load Settings” button w“Save Settings” buttontCamera Selection box VB Administration Tools0“Admin Viewer” button View Restriction Tool1. Select “Apply the view restriction” Setting View RestrictionsTo Make Settings 4-10VB Administration Tools Viewer and Changing Settings4-11 4-12 For details on view restriction settings, see pageView Restriction Tool Reflecting preset settings in the viewer Preset Setting ToolVB Administration Tools After setting presets, set the preset tourPreset Setting Area Preset Tour Setting Preset Setting Tool Display ScreenPreset Setting Area Display Screen Preset Setting TooluPreset Name VB Administration ToolsPreset Setting Tool tPreset Selection boxChanging Settings from the Preset Preview Frame Setting Presets4-16 4-17 Viewer and Changing Settings2. Click the “Admin Viewer” button to start it up VB Administration ToolsYou can set a maximum of 10 presets Preset Setting Tool4-18 Preset Setting Tool Preset TourPreset Tour Settings Area Display Screen VB Administration Tools0Pause sec Preset Setting Tool4-20 oSpeed ZVB Administration Tools Setting Preset Tour4-21 4-22 Schedule Setting Toolq“Load Settings” button Schedule Setting Tool Display Screen ToolbarVB Administration Tools Schedule Setting ToolNormal Schedule Display Screen Normal ScheduleSchedule Setting Tool tSchedule track setting details displayTo Make Settings Setting Up a Normal ScheduleVB Administration Tools Schedule Setting ToolExternal Device Input: → P.4-54 Schedule Setting Tool4-26 Motion Detection: → P.4-41 Night Mode: → P.4-52“Timer” VB Administration Tools4-27 Special Schedule Display Screen Special ScheduleSchedule Setting Tool ySub-scheduletrack setting details display4-29 Setting Up a Special Schedule4.Enter the name of the Special Day Schedule Schedule Setting Tool4-30 3.Double-clickthe sub-scheduletrack4-31 VB Administration ToolsContinued on the following page. a displayed 4-32Resets schedules you have set Resetting Schedule SettingsVB Administration Tools Schedule Setting ToolSchedule Setting Tool Setting Up Service4-34 Schedule Setting Tool Timer Setting ToolTimer Setting Tool Display Screen VB Administration ToolsTo Make Settings Setting Up Timer0Enable auto playback 1Sound Clip and VolumeNotes on Using This Function Motion Detection Setting ToolVB Administration Tools Schedule Setting ToolyViewer Schedule Setting TooloSetting number selection box 4-38VB Administration Tools Flow of Motion Detection Settings4-39 4-40 Setting Up Motion Detection3.Create a motion detection area Area tab VB Administration ToolsSchedule Setting Tool 4-41uDuration Schedule Setting Tool4-42 yArea Ratiodevice detects motion Recording tab 5. Enter the settings for Recording when theVB Administration Tools 4-43The settings in these steps are optional Schedule Setting Tool4-44 7.Check motion detection status in the server This completes the settings for motion detectionSchedule Setting Tool 4-45Motion detection status and screen display Schedule Setting Tool4-46 4-47 VB Administration ToolsMovie Recording Options setting dialog box wSelf-timersec4-48 Night Mode Setting ToolNight Mode Setting Display Screen Schedule Setting Tool4-49 Setting Up Night ModeTools 4-50 External Device Input Setting ToolExternal Device Input Setting Tool Display Screen Schedule Setting ToolVB Administration Tools Setting Up External Device Input4-51 w“Save Settings” button External Device Output Setting ToolSchedule Setting Tool q“Load Settings” buttonVB Administration Tools Setting Up External Device Output4-53 4-54 Schedule Setting ToolON OFF 4-55 E-mailNotification Settings dialog boxVB Administration Tools Schedule Setting Tool4-56 Log ViewerHow to download Downloading Log FilesCopying and searching a log Viewing the LogVB Administration Tools Saving a Log to a File/Opening a Saved FileLog Viewer Using Selection Criteria to Display LogsError Type 4-584-59 Admin ViewerSpecial privileges of Admin Viewer About the special privileges of administrators4-60 Starting Up Admin ViewerOperating External Devices and Motion Detection Detection Status4-61 VB Administration ToolsTo Set External Device Input Operating External Device Output Enabling/Disabling View RestrictionsAdmin Viewer To Enable or Disable View RestrictionsAdvanced Camera Control Operating a CameraAdmin Viewer To Make Settings4-64 Clicking the Screen to Control the CameraHow to operate and set up Camera-SpecificFunctionsVB Administration Tools Admin Viewer4-66 Shade CorrectionAdmin Viewer How to operate and set upChapter Creating Web Pages for Video DistributionHTTP WWW server Web Pages for Video DistributionAccess InternetWeb Pages for Video Distribution Creating Web PagesGlimpse Viewer OverviewViewer for Java LiveAppletCreating Web Pages Viewer for PCViewer Overview JavaApplet sample Viewing Sample PagesStill picture request page using JavaScript Viewing the PagesLiveApplet Using the Viewer for Java to Distribute VideosUsing the Viewer for Java to Create a Web Page Creating Web PagesUsing the Viewer for Java to Distribute Videos Saving Web Page Data2 The text displayed in a separate frame Using the Viewer for Java to Distribute Videos1 Frame settings Creating Web Pages<title>SampleSite LiveApplet</title> </head> Using the Viewer for Java to Distribute Videos5-10 html headCreating Web Pages Using Glimpse and LiveApplet TogetherUsing the Viewer for Java to Distribute Videos 5-11></script> <title>Glimpse</title> </head> <body> Using the Viewer for Java to Distribute Videos5-12 html head script language=JavaScript5-13 Using the Viewer for Java to Distribute VideosProviding “LiveApplet” without Camera Control Modifying the Startup and Disconnection ScreensStartup screen Using the Viewer for Java to Distribute Videos5-14 Certain Images Specified“off”: Not displayed Using the Viewer for Java to Distribute Videos5-15 Creating Web PagesPasting a Picture to the Background Using the Viewer for Java to Distribute VideosDisplaying Bitmap Images on the Video Screen Specifying the Background ColorLiveApplet Viewer for Java ParametersUsing the Viewer for Java to Distribute Videos 5-175-18 Using the Viewer for Java to Distribute VideosParameter Name Creating Web Pages Using the Viewer for Java to Distribute Videos5-19 GlimpseAttribute Name Using the Viewer for Java to Distribute Videos5-20 Applet Tag Descriptions5-21 Using the Viewer for PC to Distribute VideosSetting Up the Web Server The settings for Viewer are as follows5-22 Creating wvh FilesCreating Web Pages Example of a Web page Using the Viewer for PCUsing the Viewer for PC to Distribute Videos 5-235-24 Distributing Videos Using a Browser OnlyCreating Web Pages Distributing Videos Using a Browser Only5-25 GetStillImage Parameters5-26 Internet192.168.1.1065310 Creating Web Pages Distributing Still Images to a Mobile Phone5-27 2.The sample page appears<CENTER> Overwriting Sample Pages5-28 POS1.htmWeb Pages 5-29still.jpg parameters Creating5-30 Log MessagesCamera Server-relatedLog Messages A007 View restriction setting error warningLog Messages A011 Camera control device error warning5-31 Creating Web PagesA016 Amount of transmitted video data info A015 WebView Administrator Viewer start info5-32 Log MessagesDetection of motion err 5-33Creating Web Pages Log MessagesH044 Password mismatch notice System-relatedLog MessagesS005 System settings changed info S028 POP authentication failure warningChapter Using the Picture Recording FunctionInstallation Example VB-C50Fi Sensor A Sensor B Sample Application Combining a Door-openingSensorMulti-TerminalModule VB-EX50 Ethernet Sample Still Picture Recording Settings Using the Picture Recor ding FunctionSettings specified on the “Preset” page → P.3-12 Installation Example Sample Application Using Sequential ModeSample Still Picture Recording Settings Using the Picture Recor ding FunctionSettings specified on the “Preset” page → P.3-12 Warning device Motion VB-C50Fidetected Installation ExampleSample Still Picture Recording Settings Using the Picture Recor ding FunctionSettings specified on the “Preset” page → P.3-12 Next, set the sensitivity, area ratio and duration picture recording function Using VBCollectorUsing the Picture Recor ding Function Pictures recorded with the VB-C50Fi’sAdding a Server Installing VBCollectorStarting Up VBCollector Registering a Server“Settings Page URL” Using the Picture Recor ding FunctionUsing VBCollector “Administrator Account”6-12 Using VBCollector1.Choose “Options” from the “Tools” menu bar Picture Recor ding Function Using theEditing Server Information 6-13Adding a Task Registering Tasks6-14 6-15 Using the Picture RecorUsing VBCollector “Retry when an error occurs”Executing a Task Executing and Canceling TasksCanceling a Task Editing TasksTo View Task Status Using the Picture Recor ding FunctionDisplay Task Status 6-17Using VBCollector Starting/Stopping the ServiceDetails Displayed on the Task View Refresh Task View Display Content6-19 Automatic Downloading by NotificationUsing the Picture Recor ding Function Using VBCollectorq“Send notification when server space gets low” Using VBCollectort“Server Setting” button y“Notification Settings” button6-21 Viewing Recorded ImagesUsing the Picture Recor ding Function Displaying Imagesto display all the pictures 6-22Animate Images Using the w Picture Recording Function6-23 Zoom in/out Using VBCollector6-24 Animation6-25 Using the Picture Recor ding FunctionUsing VBCollector Deleting ImagesqCode Viewing LogsUsing VBCollector 6-26eError Type Using the Picture Recor ding FunctionUsing VBCollector To Make Settings6-28 Search Logs6-29 Using the Picture Recor ding FunctionUsing VBCollector Selecting Log Files“What to do when min. is reached” Setting Download CapacityUsing VBCollector To Make SettingsChapter AppendixThe VB-C50Fisample page does not appear TroubleshootingVBSetup.exe does not work The VB-C50Fidoes not start upThe viewer is disconnected I forgot the passwordTroubleshooting I can’t control the cameraVB-C50Fi SpecificationsAC Adapter Appendix External Device I/O TerminalsSpecifications External Device Input Terminals IN+, IN–Viewer for PC System ConfigurationViewer Software Functions Viewer for JavaInternet Sample Network ConfigurationsSample LAN Environment Configuration Sample Configuration in an ISP Environment2. Specify the folder containing the firmware Upgrading the Firmware Remotely1. Open command prompt 4. Enter Administrator account and passwordAppendix Restoring the Factory Default Settings7-10 If the IP Address and Password are UnknownItem setting Factory Default SettingsSetting Item SettingItem setting Factory Default SettingsSetting Item Setting7-13 IndexAppendix Index 7-14Appendix 7-15Index