Manuals / Canon / Household Appliance / Home Security System

Canon Vb-C50fi user manual Example of a Web page Using the Viewer for PC, 5-23, Creating Web Pages

Models: Vb-C50fi

1 209

Download 209 pages 12.39 Kb

Page 153

Image 153

Using the Viewer for PC to Distribute Videos

Example of a Web page Using the Viewer for PC

This section describes a sample Web page in which the Viewer for PC is used.

1 Click the link to launch the Viewer.

Include the tags that link to the wvh file in the text or images in the Web page.

1 <A HREF="WebView.wvh">Let's view the image</A>

Creating Web Pages

Tip

To use the sample page template in the VB-C50Fi to supply videos, specify <A HREF=http://IPaddress/top/default.wvh>.

5-23

Page 153

Image 153

Canon Vb-C50fi user manual Example of a Web page Using the Viewer for PC, 5-23, Creating Web Pages

Contents

NETWORK CAMERA User’s ManualUser’s Manual NETWORK CAMERAExclusion of Liability IntroductionCopyright Information NotesIntroduction Request concerning disclosure of live videosPackage Contents 6.Warranty card NTSC model only5.User’s Manual This document Contents Chapter 4 VB Administration Tools Chapter 6 Using the Picture Recording Function viii Chapter 7 AppendixHow to Read This Manual For information about setting up the VB-C50FiFor information about using the Viewer aCAUTION aSafe Use of EquipmentaWARNING aCAUTIONFCC NOTICE Canadian Radio Interference RegulationsaSafe Use of Equipment aSafe Use of Equipment aIMPORTANT SAFETY INSTRUCTIONSxiii aSafe Use of Equipmentfig-1 Locations exposed to direct sunlight aSafe Use of EquipmentCleaning the Equipment MaintenanceCleaning the Lens aWARNINGPage Chapter Before Using the VB-C50FiCamera Position Preset function Features of the VB-C50FiBroadband Video Distribution Function Concurrent video is distributed up to 50 clientsMore powerful security functions Simple set up and managementService settings with schedule function Features of the VB-C50FiVB Administration Tools Ver. 2.1 → P.4-2 VB Initial Setup Tool Ver. 2.0 → P.2-7Hardware and Software Requirements Viewer Software → dViewer Software User’s ManualUsing the VB-C50Fiwith Windows XP SP2 VBCollector Ver. 2.1 → P.6-9Hardware and Software Requirements WebView Livescope MV Ver. 2.1/LEBefore Using the VB -C50Fi System Components and Their OperationFront Screw hole for arm mountingPower connection socket Multi-connector Reset switch100/10 BT Ethernet connector RearMulti-TerminalModule VB-EX50Sold Separately Before Using the VB -C50FiExample of Use VB-C50Fi Sensor A Sensor B Multi-TerminalModule1-10 Chapter Setting Up1 Set up the camera Setup Workflow3 Perform initial settings for the camera 2 Connect the camera to the network4 Check operation of the camera 5 Install the softwareSetting Up Setup WorkflowUsing a Tripod 1. Set Up the CameraInstall the camera securely aWARNINGSetting Up Using the Wide ConverterSetup is now complete 1. Set Up the Camera2. Connect the Camera to the Network Turning the Power ON and OFFSetting Up 3. Perform Initial Settings for the Camera3. Perform Initial Settings for the Camera address, IP address and model nameare displayed Setting Up Initial settings are now complete3. Perform Initial Settings for the Camera 2-10 4. Check Operation of the Camera5. Install the Software Setting Up2-11 Viewer Software Overview Features of the Viewer SoftwareViewer Software Types Hardware and Software RequirementsChapter Basic SettingsPreset What Can I Do on Each of the Settings Pages?Access Control Administration Tools2.Enter the user name and password Accessing the Settings Title PageThe Setting Title Page appears Basic Settings4“Restore to the previous Setting” button Settings Title Page1“Back to top” button 2“Japanese” or “English” button1“Password” Basic Settings2“Confirm Password” Root Account4“Default Gateway Address” 1“Address Setting Method”Ethernet 2“IP Address”Connection Keeping Basic Settings1 2 3 2“Target IP Address”Video Capture 1“Video Capture Size”2“Video Quality Q-Factor” Camera Control Basic Settings3“Interlace Mode” 4“Use External Video Input”3-10 Camera Names3“Home Position” “Zoom”Common Settings Presetting Best Shot PresetBasic Settings 3-111“Restrict Camera Control to Presets” Presetting Best Shot Preset“Auto Preset Tour” “Preset”Basic Settings PresetPresetting Best Shot Preset 2“Preset Name”Common Settings Setting Up the HTTP and Camera Servers Server3“Restrict Service Time” 3-14Setting Up the HTTP and Camera Servers Server Basic SettingsHTTP Server 3-15Camera Server Setting Up the HTTP and Camera Servers Server3-16 1“Video Transmission Port”Basic Settings Setting User Access Privileges Access Control2“Access permitted to listed users only” Authorized User AccountSetting User Access Privileges Access Control Authorized/Restricted Host Specification3-18 1“Host List”Setting User Access Privileges Access Control Basic SettingsExample 1: To prohibit access from a host 3-19Current Camera Time Setting the Date and Time Date and Time3-20 1 “Date” and “Time”Setting the Date and Time Date and Time Basic SettingsNew Camera Time Time Zone3-22 1 “Name Server Address 1-2”2“Register Host Name” 5“User Name” and “Password” Basic SettingsMail 3-23External Device Names 1“LED Setting”3-24 1“External Input Device 1-2” “Device Name”On-boardFile System Information Basic SettingsRecorded Picture Information and Manipulation 3-254“Restore Settings” 3“Reboot”Miscellaneous 3-26Chapter VB Administration ToolsOverview of VB Administration Tools Installing the VB Administration Toolsthrough the Internet/Intranet Preset Setting Tool → P.4-18 VBAdmin Startup Panel → P.4-5Panorama Creation Tool View Restriction Tool → P.4-12Admin Viewer → P.4-63 Schedule Setting Tool → P.4-27Log Viewer → P.4-60 Overview of VB Administration ToolsVB Administration Tools Starting Up VB Administration ToolswAdministrator Account eAdministrator Password → P.3-5Starting Up VB Administration Tools 3.The VBAdmin Startup Panel starts upVB Administration Tools View Restriction ToolOnly the range set in the view restriction is displayed in the viewerq“Load Settings” button View Restriction Tool Display Screenw“Save Settings” button View Restriction Tool0“Admin Viewer” button VB Administration ToolsView Restriction Tool tCamera Selection boxTo Make Settings Setting View Restrictions4-10 1. Select “Apply the view restriction”Viewer and Changing Settings VB Administration Tools4-11 For details on view restriction settings, see page 4-12View Restriction Tool VB Administration Tools Preset Setting ToolAfter setting presets, set the preset tour Reflecting preset settings in the viewerPreset Setting Area Display Screen Preset Setting Tool Display ScreenPreset Setting Tool Preset Setting Area Preset Tour SettingPreset Setting Tool VB Administration ToolstPreset Selection box uPreset NameSetting Presets Changing Settings from the Preset Preview Frame4-16 2. Click the “Admin Viewer” button to start it up Viewer and Changing SettingsVB Administration Tools 4-17Preset Setting Tool You can set a maximum of 10 presets4-18 Preset Tour Settings Area Display Screen Preset TourVB Administration Tools Preset Setting Tool4-20 Preset Setting TooloSpeed Z 0Pause secSetting Preset Tour VB Administration Tools4-21 4-22 Schedule Setting ToolVB Administration Tools Schedule Setting Tool Display Screen ToolbarSchedule Setting Tool q“Load Settings” buttonSchedule Setting Tool Normal ScheduletSchedule track setting details display Normal Schedule Display ScreenVB Administration Tools Setting Up a Normal ScheduleSchedule Setting Tool To Make Settings4-26 Schedule Setting ToolMotion Detection: → P.4-41 Night Mode: → P.4-52 External Device Input: → P.4-54VB Administration Tools “Timer”4-27 Schedule Setting Tool Special ScheduleySub-scheduletrack setting details display Special Schedule Display Screen4-29 Setting Up a Special Schedule4-30 Schedule Setting Tool3.Double-clickthe sub-scheduletrack 4.Enter the name of the Special Day ScheduleVB Administration Tools 4-31Continued on the following page. a displayed 4-32VB Administration Tools Resetting Schedule SettingsSchedule Setting Tool Resets schedules you have setSetting Up Service Schedule Setting Tool4-34 Timer Setting Tool Display Screen Timer Setting ToolVB Administration Tools Schedule Setting Tool0Enable auto playback Setting Up Timer1Sound Clip and Volume To Make SettingsVB Administration Tools Motion Detection Setting ToolSchedule Setting Tool Notes on Using This FunctionoSetting number selection box Schedule Setting Tool4-38 yViewerFlow of Motion Detection Settings VB Administration Tools4-39 4-40 Setting Up Motion DetectionSchedule Setting Tool VB Administration Tools4-41 3.Create a motion detection area Area tab4-42 Schedule Setting ToolyArea Ratio uDurationVB Administration Tools 5. Enter the settings for Recording when the4-43 device detects motion Recording tabSchedule Setting Tool The settings in these steps are optional4-44 Schedule Setting Tool This completes the settings for motion detection4-45 7.Check motion detection status in the serverSchedule Setting Tool Motion detection status and screen display4-46 Movie Recording Options setting dialog box VB Administration ToolswSelf-timersec 4-47Night Mode Setting Display Screen Night Mode Setting ToolSchedule Setting Tool 4-48Setting Up Night Mode 4-49Tools External Device Input Setting Tool Display Screen External Device Input Setting ToolSchedule Setting Tool 4-50Setting Up External Device Input VB Administration Tools4-51 Schedule Setting Tool External Device Output Setting Toolq“Load Settings” button w“Save Settings” buttonSetting Up External Device Output VB Administration Tools4-53 Schedule Setting Tool 4-54ON OFF VB Administration Tools E-mailNotification Settings dialog boxSchedule Setting Tool 4-55How to download Log ViewerDownloading Log Files 4-56VB Administration Tools Viewing the LogSaving a Log to a File/Opening a Saved File Copying and searching a logError Type Using Selection Criteria to Display Logs4-58 Log ViewerSpecial privileges of Admin Viewer Admin ViewerAbout the special privileges of administrators 4-59Operating External Devices and Motion Detection Starting Up Admin ViewerDetection Status 4-60VB Administration Tools 4-61To Set External Device Input Admin Viewer Enabling/Disabling View RestrictionsTo Enable or Disable View Restrictions Operating External Device OutputAdmin Viewer Operating a CameraTo Make Settings Advanced Camera Control4-64 Clicking the Screen to Control the CameraVB Administration Tools Camera-SpecificFunctionsAdmin Viewer How to operate and set upAdmin Viewer Shade CorrectionHow to operate and set up 4-66Chapter Creating Web Pages for Video DistributionAccess Web Pages for Video DistributionInternet HTTP WWW serverWeb Pages for Video Distribution Creating Web PagesViewer for Java Viewer OverviewLiveApplet GlimpseViewer for PC Creating Web PagesViewer Overview Still picture request page using JavaScript Viewing Sample PagesViewing the Pages JavaApplet sampleUsing the Viewer for Java to Create a Web Page Using the Viewer for Java to Distribute VideosCreating Web Pages LiveAppletUsing the Viewer for Java to Distribute Videos Saving Web Page Data1 Frame settings Using the Viewer for Java to Distribute VideosCreating Web Pages 2 The text displayed in a separate frame5-10 Using the Viewer for Java to Distribute Videoshtml head <title>SampleSite LiveApplet</title> </head>Using the Viewer for Java to Distribute Videos Using Glimpse and LiveApplet Together5-11 Creating Web Pages5-12 Using the Viewer for Java to Distribute Videoshtml head script language=JavaScript ></script> <title>Glimpse</title> </head> <body>Providing “LiveApplet” without Camera Control Using the Viewer for Java to Distribute VideosModifying the Startup and Disconnection Screens 5-135-14 Using the Viewer for Java to Distribute VideosCertain Images Specified Startup screen5-15 Using the Viewer for Java to Distribute VideosCreating Web Pages “off”: Not displayedDisplaying Bitmap Images on the Video Screen Using the Viewer for Java to Distribute VideosSpecifying the Background Color Pasting a Picture to the BackgroundUsing the Viewer for Java to Distribute Videos Viewer for Java Parameters5-17 LiveAppletUsing the Viewer for Java to Distribute Videos 5-18Parameter Name 5-19 Using the Viewer for Java to Distribute VideosGlimpse Creating Web Pages5-20 Using the Viewer for Java to Distribute VideosApplet Tag Descriptions Attribute NameSetting Up the Web Server Using the Viewer for PC to Distribute VideosThe settings for Viewer are as follows 5-215-22 Creating wvh FilesUsing the Viewer for PC to Distribute Videos Example of a Web page Using the Viewer for PC5-23 Creating Web Pages5-24 Distributing Videos Using a Browser Only5-25 Distributing Videos Using a Browser OnlyGetStillImage Parameters Creating Web PagesInternet 5-26192.168.1.1065310 5-27 Distributing Still Images to a Mobile Phone2.The sample page appears Creating Web Pages5-28 Overwriting Sample PagesPOS1.htm <CENTER>still.jpg parameters 5-29Creating Web PagesCamera Server-relatedLog Messages Log MessagesA007 View restriction setting error warning 5-305-31 A011 Camera control device error warningCreating Web Pages Log Messages5-32 A015 WebView Administrator Viewer start infoLog Messages A016 Amount of transmitted video data infoCreating Web Pages 5-33Log Messages Detection of motion errS005 System settings changed info System-relatedLog MessagesS028 POP authentication failure warning H044 Password mismatch noticeChapter Using the Picture Recording FunctionSample Application Combining a Door-openingSensor Installation Example VB-C50Fi Sensor A Sensor BMulti-TerminalModule VB-EX50 Ethernet Using the Picture Recor ding Function Sample Still Picture Recording SettingsSettings specified on the “Preset” page → P.3-12 Installation Example Sample Application Using Sequential ModeUsing the Picture Recor ding Function Sample Still Picture Recording SettingsSettings specified on the “Preset” page → P.3-12 Warning device Motion VB-C50Fidetected Installation ExampleUsing the Picture Recor ding Function Sample Still Picture Recording SettingsSettings specified on the “Preset” page → P.3-12 Next, set the sensitivity, area ratio and duration Using the Picture Recor ding Function Using VBCollectorPictures recorded with the VB-C50Fi’s picture recording functionStarting Up VBCollector Installing VBCollectorRegistering a Server Adding a ServerUsing VBCollector Using the Picture Recor ding Function“Administrator Account” “Settings Page URL”Using VBCollector 6-121.Choose “Options” from the “Tools” menu bar Editing Server Information Using the6-13 Picture Recor ding FunctionRegistering Tasks Adding a Task6-14 Using VBCollector Using the Picture Recor“Retry when an error occurs” 6-15Canceling a Task Executing and Canceling TasksEditing Tasks Executing a TaskDisplay Task Status Using the Picture Recor ding Function6-17 To View Task StatusDetails Displayed on the Task View Starting/Stopping the ServiceRefresh Task View Display Content Using VBCollectorUsing the Picture Recor ding Function Automatic Downloading by NotificationUsing VBCollector 6-19t“Server Setting” button Using VBCollectory“Notification Settings” button q“Send notification when server space gets low”Using the Picture Recor ding Function Viewing Recorded ImagesDisplaying Images 6-21to display all the pictures 6-22Using the w Picture Recording Function Animate Images6-23 6-24 Using VBCollectorAnimation Zoom in/outUsing VBCollector Using the Picture Recor ding FunctionDeleting Images 6-25Using VBCollector Viewing Logs6-26 qCodeUsing VBCollector Using the Picture Recor ding FunctionTo Make Settings eError Type6-28 Search LogsUsing VBCollector Using the Picture Recor ding FunctionSelecting Log Files 6-29Using VBCollector Setting Download CapacityTo Make Settings “What to do when min. is reached”Chapter AppendixVBSetup.exe does not work TroubleshootingThe VB-C50Fidoes not start up The VB-C50Fisample page does not appearTroubleshooting I forgot the passwordI can’t control the camera The viewer is disconnectedSpecifications VB-C50FiAC Adapter Specifications External Device I/O TerminalsExternal Device Input Terminals IN+, IN– AppendixViewer Software Functions System ConfigurationViewer for Java Viewer for PCSample LAN Environment Configuration Sample Network ConfigurationsSample Configuration in an ISP Environment Internet1. Open command prompt Upgrading the Firmware Remotely4. Enter Administrator account and password 2. Specify the folder containing the firmwareAppendix Restoring the Factory Default Settings7-10 If the IP Address and Password are UnknownSetting Factory Default SettingsItem Setting Item settingSetting Factory Default SettingsItem Setting Item settingIndex 7-13Appendix Index 7-147-15 AppendixIndex