Manuals / Canon / Household Appliance / Home Security System

Canon Vb-C50fi user manual Viewing Sample Pages, Viewing the Pages, JavaApplet sample

Models: Vb-C50fi

1 209

Page 136

Viewing Sample Pages

Ready-made video distribution sample pages are provided with the VB-C50Fi. Follow the procedure below to view these pages. Refer to these pages when creating your own Web pages.

Viewing the Pages

1.Launch your Web browser and enter the following URL: http://192.168.100.1/sample/

*The underlined portion is a sample IP address. Enter the actual IP address that was set on the VB-C50Fi (→ P.3-6).

2.The following pages appear. Click the sample pages you wish to view.

Examples of sample pages

JavaApplet sample 1

JavaApplet sample 2

This is a LiveApplet sample page which distributes live videos and allows users to control the camera.

This is a sample page which combines

LiveApplet and Glimpse.

Still picture request page using JavaScript

This is a sample page which displays a live still picture.

5-6

Page 136

Image 136

Canon Vb-C50fi Viewing Sample Pages, Viewing the Pages, JavaApplet sample, Still picture request page using JavaScript

Contents

User’s Manual NETWORK CAMERAUser’s Manual NETWORK CAMERAIntroduction Exclusion of LiabilityCopyright Information NotesRequest concerning disclosure of live videos Introduction6.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 Chapter 7 Appendix viiiFor information about setting up the VB-C50Fi How to Read This ManualFor information about using the Viewer aSafe Use of Equipment aCAUTIONaWARNING aCAUTIONCanadian Radio Interference Regulations FCC NOTICEaSafe Use of Equipment aIMPORTANT SAFETY INSTRUCTIONS aSafe Use of EquipmentaSafe Use of Equipment xiiifig-1 aSafe Use of Equipment Locations exposed to direct sunlightMaintenance Cleaning the EquipmentCleaning the Lens aWARNINGPage Before Using the VB-C50Fi ChapterFeatures of the VB-C50Fi Camera Position Preset functionBroadband Video Distribution Function Concurrent video is distributed up to 50 clientsSimple set up and management More powerful security functionsService settings with schedule function Features of the VB-C50FiVB Initial Setup Tool Ver. 2.0 → P.2-7 VB Administration Tools Ver. 2.1 → P.4-2Hardware and Software Requirements Viewer Software → dViewer Software User’s ManualVBCollector Ver. 2.1 → P.6-9 Using the VB-C50Fiwith Windows XP SP2WebView Livescope MV Ver. 2.1/LE Hardware and Software RequirementsSystem Components and Their Operation Before Using the VB -C50FiFront Screw hole for arm mountingReset switch Power connection socket Multi-connector100/10 BT Ethernet connector RearBefore Using the VB -C50Fi Multi-TerminalModule VB-EX50Sold SeparatelyExample of Use VB-C50Fi Sensor A Sensor B Multi-TerminalModule1-10 Setting Up ChapterSetup Workflow 1 Set up the camera3 Perform initial settings for the camera 2 Connect the camera to the network5 Install the software 4 Check operation of the cameraSetting Up Setup Workflow1. Set Up the Camera Using a TripodInstall the camera securely aWARNINGUsing the Wide Converter Setting UpSetup is now complete 1. Set Up the CameraTurning the Power ON and OFF 2. Connect the Camera to the Network3. Perform Initial Settings for the Camera Setting Upaddress, 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 4. Check Operation of the Camera 2-10Setting Up 5. Install the Software2-11 Features of the Viewer Software Viewer Software OverviewViewer Software Types Hardware and Software RequirementsBasic Settings ChapterWhat Can I Do on Each of the Settings Pages? PresetAccess Control Administration ToolsAccessing the Settings Title Page 2.Enter the user name and passwordThe Setting Title Page appears Basic SettingsSettings Title Page 4“Restore to the previous Setting” button1“Back to top” button 2“Japanese” or “English” buttonBasic Settings 1“Password”2“Confirm Password” Root Account1“Address Setting Method” 4“Default Gateway Address”Ethernet 2“IP Address”Basic Settings Connection Keeping1 2 3 2“Target IP Address”1“Video Capture Size” Video Capture2“Video Quality Q-Factor” Basic Settings Camera Control3“Interlace Mode” 4“Use External Video Input”Camera Names 3-103“Home Position” “Zoom”Presetting Best Shot Preset Common SettingsBasic Settings 3-11Presetting Best Shot Preset 1“Restrict Camera Control to Presets”“Auto Preset Tour” “Preset”Preset Basic SettingsPresetting Best Shot Preset 2“Preset Name”Setting Up the HTTP and Camera Servers Server Common Settings3“Restrict Service Time” 3-14Basic Settings Setting Up the HTTP and Camera Servers ServerHTTP Server 3-15Setting Up the HTTP and Camera Servers Server Camera Server3-16 1“Video Transmission Port”Setting User Access Privileges Access Control Basic Settings2“Access permitted to listed users only” Authorized User AccountAuthorized/Restricted Host Specification Setting User Access Privileges Access Control3-18 1“Host List”Basic Settings Setting User Access Privileges Access ControlExample 1: To prohibit access from a host 3-19Setting the Date and Time Date and Time Current Camera Time3-20 1 “Date” and “Time”Basic Settings Setting the Date and Time Date and TimeNew Camera Time Time Zone1 “Name Server Address 1-2” 3-222“Register Host Name” Basic Settings 5“User Name” and “Password”Mail 3-231“LED Setting” External Device Names3-24 1“External Input Device 1-2” “Device Name”Basic Settings On-boardFile System InformationRecorded Picture Information and Manipulation 3-253“Reboot” 4“Restore Settings”Miscellaneous 3-26VB Administration Tools ChapterInstalling the VB Administration Tools Overview of VB Administration Toolsthrough the Internet/Intranet VBAdmin Startup Panel → P.4-5 Preset Setting Tool → P.4-18Panorama Creation Tool View Restriction Tool → P.4-12Schedule Setting Tool → P.4-27 Admin Viewer → P.4-63Log Viewer → P.4-60 Overview of VB Administration ToolsStarting Up VB Administration Tools VB Administration ToolswAdministrator Account eAdministrator Password → P.3-53.The VBAdmin Startup Panel starts up Starting Up VB Administration ToolsView Restriction Tool VB Administration ToolsOnly the range set in the view restriction is displayed in the viewerView Restriction Tool Display Screen q“Load Settings” buttonw“Save Settings” button View Restriction ToolVB Administration Tools 0“Admin Viewer” buttonView Restriction Tool tCamera Selection boxSetting View Restrictions To Make Settings4-10 1. Select “Apply the view restriction”VB Administration Tools Viewer and Changing Settings4-11 4-12 For details on view restriction settings, see pageView Restriction Tool Preset Setting Tool VB Administration ToolsAfter setting presets, set the preset tour Reflecting preset settings in the viewerPreset Setting Tool Display Screen Preset Setting Area Display ScreenPreset Setting Tool Preset Setting Area Preset Tour SettingVB Administration Tools Preset Setting TooltPreset Selection box uPreset NameChanging Settings from the Preset Preview Frame Setting Presets4-16 Viewer and Changing Settings 2. Click the “Admin Viewer” button to start it upVB Administration Tools 4-17You can set a maximum of 10 presets Preset Setting Tool4-18 Preset Tour Preset Tour Settings Area Display ScreenVB Administration Tools Preset Setting ToolPreset Setting Tool 4-20oSpeed Z 0Pause secVB Administration Tools Setting Preset Tour4-21 Schedule Setting Tool 4-22Schedule Setting Tool Display Screen Toolbar VB Administration ToolsSchedule Setting Tool q“Load Settings” buttonNormal Schedule Schedule Setting TooltSchedule track setting details display Normal Schedule Display ScreenSetting Up a Normal Schedule VB Administration ToolsSchedule Setting Tool To Make SettingsSchedule Setting Tool 4-26Motion Detection: → P.4-41 Night Mode: → P.4-52 External Device Input: → P.4-54“Timer” VB Administration Tools4-27 Special Schedule Schedule Setting ToolySub-scheduletrack setting details display Special Schedule Display ScreenSetting Up a Special Schedule 4-29Schedule Setting Tool 4-303.Double-clickthe sub-scheduletrack 4.Enter the name of the Special Day Schedule4-31 VB Administration ToolsContinued on the following page. a 4-32 displayedResetting Schedule Settings VB Administration ToolsSchedule Setting Tool Resets schedules you have setSchedule Setting Tool Setting Up Service4-34 Timer Setting Tool Timer Setting Tool Display ScreenVB Administration Tools Schedule Setting ToolSetting Up Timer 0Enable auto playback1Sound Clip and Volume To Make SettingsMotion Detection Setting Tool VB Administration ToolsSchedule Setting Tool Notes on Using This FunctionSchedule Setting Tool oSetting number selection box4-38 yViewerVB Administration Tools Flow of Motion Detection Settings4-39 Setting Up Motion Detection 4-40VB Administration Tools Schedule Setting Tool4-41 3.Create a motion detection area Area tabSchedule Setting Tool 4-42yArea Ratio uDuration5. Enter the settings for Recording when the VB Administration Tools4-43 device detects motion Recording tabThe settings in these steps are optional Schedule Setting Tool4-44 This completes the settings for motion detection Schedule Setting Tool4-45 7.Check motion detection status in the serverMotion detection status and screen display Schedule Setting Tool4-46 VB Administration Tools Movie Recording Options setting dialog boxwSelf-timersec 4-47Night Mode Setting Tool Night Mode Setting Display ScreenSchedule Setting Tool 4-484-49 Setting Up Night ModeTools External Device Input Setting Tool External Device Input Setting Tool Display ScreenSchedule Setting Tool 4-50VB Administration Tools Setting Up External Device Input4-51 External Device Output Setting Tool Schedule Setting Toolq“Load Settings” button w“Save Settings” buttonVB Administration Tools Setting Up External Device Output4-53 4-54 Schedule Setting ToolON OFF E-mailNotification Settings dialog box VB Administration ToolsSchedule Setting Tool 4-55Log Viewer How to downloadDownloading Log Files 4-56Viewing the Log VB Administration ToolsSaving a Log to a File/Opening a Saved File Copying and searching a logUsing Selection Criteria to Display Logs Error Type4-58 Log ViewerAdmin Viewer Special privileges of Admin ViewerAbout the special privileges of administrators 4-59Starting Up Admin Viewer Operating External Devices and Motion DetectionDetection Status 4-604-61 VB Administration ToolsTo Set External Device Input Enabling/Disabling View Restrictions Admin ViewerTo Enable or Disable View Restrictions Operating External Device OutputOperating a Camera Admin ViewerTo Make Settings Advanced Camera ControlClicking the Screen to Control the Camera 4-64Camera-SpecificFunctions VB Administration ToolsAdmin Viewer How to operate and set upShade Correction Admin ViewerHow to operate and set up 4-66Creating Web Pages for Video Distribution ChapterWeb Pages for Video Distribution AccessInternet HTTP WWW serverCreating Web Pages Web Pages for Video DistributionViewer Overview Viewer for JavaLiveApplet GlimpseCreating Web Pages Viewer for PCViewer Overview Viewing Sample Pages Still picture request page using JavaScriptViewing the Pages JavaApplet sampleUsing the Viewer for Java to Distribute Videos Using the Viewer for Java to Create a Web PageCreating Web Pages LiveAppletSaving Web Page Data Using the Viewer for Java to Distribute VideosUsing the Viewer for Java to Distribute Videos 1 Frame settingsCreating Web Pages 2 The text displayed in a separate frameUsing the Viewer for Java to Distribute Videos 5-10html head <title>SampleSite LiveApplet</title> </head>Using Glimpse and LiveApplet Together Using the Viewer for Java to Distribute Videos5-11 Creating Web PagesUsing the Viewer for Java to Distribute Videos 5-12html head script language=JavaScript ></script> <title>Glimpse</title> </head> <body>Using the Viewer for Java to Distribute Videos Providing “LiveApplet” without Camera ControlModifying the Startup and Disconnection Screens 5-13Using the Viewer for Java to Distribute Videos 5-14Certain Images Specified Startup screenUsing the Viewer for Java to Distribute Videos 5-15Creating Web Pages “off”: Not displayedUsing the Viewer for Java to Distribute Videos Displaying Bitmap Images on the Video ScreenSpecifying the Background Color Pasting a Picture to the BackgroundViewer for Java Parameters Using the Viewer for Java to Distribute Videos5-17 LiveApplet5-18 Using the Viewer for Java to Distribute VideosParameter Name Using the Viewer for Java to Distribute Videos 5-19Glimpse Creating Web PagesUsing the Viewer for Java to Distribute Videos 5-20Applet Tag Descriptions Attribute NameUsing the Viewer for PC to Distribute Videos Setting Up the Web ServerThe settings for Viewer are as follows 5-21Creating wvh Files 5-22Example of a Web page Using the Viewer for PC Using the Viewer for PC to Distribute Videos5-23 Creating Web PagesDistributing Videos Using a Browser Only 5-24Distributing Videos Using a Browser Only 5-25GetStillImage Parameters Creating Web Pages5-26 Internet192.168.1.1065310 Distributing Still Images to a Mobile Phone 5-272.The sample page appears Creating Web PagesOverwriting Sample Pages 5-28POS1.htm <CENTER>5-29 still.jpg parametersCreating Web PagesLog Messages Camera Server-relatedLog MessagesA007 View restriction setting error warning 5-30A011 Camera control device error warning 5-31Creating Web Pages Log MessagesA015 WebView Administrator Viewer start info 5-32Log Messages A016 Amount of transmitted video data info5-33 Creating Web PagesLog Messages Detection of motion errSystem-relatedLog Messages S005 System settings changed infoS028 POP authentication failure warning H044 Password mismatch noticeUsing the Picture Recording Function ChapterInstallation 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 Sample Application Using Sequential Mode Installation ExampleSample Still Picture Recording Settings Using the Picture Recor ding FunctionSettings specified on the “Preset” page → P.3-12 Installation Example Warning device Motion VB-C50FidetectedSample 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 Using VBCollector Using the Picture Recor ding FunctionPictures recorded with the VB-C50Fi’s picture recording functionInstalling VBCollector Starting Up VBCollectorRegistering a Server Adding a ServerUsing the Picture Recor ding Function Using VBCollector“Administrator Account” “Settings Page URL”6-12 Using VBCollector1.Choose “Options” from the “Tools” menu bar Using the Editing Server Information6-13 Picture Recor ding FunctionAdding a Task Registering Tasks6-14 Using the Picture Recor Using VBCollector“Retry when an error occurs” 6-15Executing and Canceling Tasks Canceling a TaskEditing Tasks Executing a TaskUsing the Picture Recor ding Function Display Task Status6-17 To View Task StatusStarting/Stopping the Service Details Displayed on the Task ViewRefresh Task View Display Content Using VBCollectorAutomatic Downloading by Notification Using the Picture Recor ding FunctionUsing VBCollector 6-19Using VBCollector t“Server Setting” buttony“Notification Settings” button q“Send notification when server space gets low”Viewing Recorded Images Using the Picture Recor ding FunctionDisplaying Images 6-216-22 to display all the picturesAnimate Images Using the w Picture Recording Function6-23 Using VBCollector 6-24Animation Zoom in/outUsing the Picture Recor ding Function Using VBCollectorDeleting Images 6-25Viewing Logs Using VBCollector6-26 qCodeUsing the Picture Recor ding Function Using VBCollectorTo Make Settings eError TypeSearch Logs 6-28Using the Picture Recor ding Function Using VBCollectorSelecting Log Files 6-29Setting Download Capacity Using VBCollectorTo Make Settings “What to do when min. is reached”Appendix ChapterTroubleshooting VBSetup.exe does not workThe VB-C50Fidoes not start up The VB-C50Fisample page does not appearI forgot the password TroubleshootingI can’t control the camera The viewer is disconnectedVB-C50Fi SpecificationsAC Adapter External Device I/O Terminals SpecificationsExternal Device Input Terminals IN+, IN– AppendixSystem Configuration Viewer Software FunctionsViewer for Java Viewer for PCSample Network Configurations Sample LAN Environment ConfigurationSample Configuration in an ISP Environment InternetUpgrading the Firmware Remotely 1. Open command prompt4. Enter Administrator account and password 2. Specify the folder containing the firmwareRestoring the Factory Default Settings AppendixIf the IP Address and Password are Unknown 7-10Factory Default Settings SettingItem Setting Item settingFactory Default Settings SettingItem Setting Item setting7-13 IndexAppendix 7-14 IndexAppendix 7-15Index