Creating Web Pages | Canon VB-C10R guide

Chapter

Creating Web Pages

This chapter describes how to use the VB-C10/VB-C10R to webcast information.

Picture data can be distributed in various ways, including displaying video or still pictures and displaying multiple images on a Web page.

Image 79

Canon VB-C10R user manual Creating Web Pages

Contents

Center toll-free at 1-800-828-4040U.S.A.only User’s Manual Trademark Notices IntroductionExclusion of Liability Copyright Information Request concerning disclosure of live videos Contents Log Viewer Preset Setting ToolAdmin Viewer View Restriction Tool Restoring the Factory Default Settings Using the Helper Viewer to Distribute VideosTroubleshooting Log Messages Specifications Important Operational Instructions Safe Use of EquipmentFDA regulation Network Camera VB-C10/VB-C10R FCC Notice Important Safety Instructions Fig-1 Styles Tip MaintenanceCleaning the Equipment Cleaning the Lens Before Using the VB-C10/VB-C10R Features of the VB-C10/VB-C10R More powerful security functions Panorama picture creation functions and settingsCamera Position Preset function Simple set up and management Java Viewer System ConfigurationViewer Software Functions Recommended browser Products sold separately Optional ProductsWebView Livescope MV Java Viewer version VB Administration Tools → P.4-2Hardware and Software Requirements Webview Livescope Viewer Software → P.1-4 Webview Livescope MV version 2.0/LE → P.1-5 VBCollector → P.6-6 Package Contents Front System Components and Their OperationRear Base Camera head Mounting plate Camera LED Screw hole for tripod mounting Reset switch Serial NoMAC address Reset switch BottomPage Installation Do not overtighten the mounting screw Before Using the VB-C10/VB-C10RInstalling the VB-C10/VB-C10R Using a Tripod VB-C10 Wide-angle Converter Using the Wide-angle Converter VB-C10 Turning the Power on and OFF Connecting the Components Internet Sample Network ConfigurationsSample LAN Environment Configuration Sample Configuration in an ISP EnvironmentPage Setup Procedures Installation Procedure Preparations for Initial SetupVB-C10 LAN cable Hub Turn on the PC’s power switch Initial Setup User name cannot be changed IP address that was set is displayed Initial settings are now complete Sample Example of the Java Viewer Access the sample page from the Web browserChecking Operation Click on each sample Enter the user name and password Detail SettingsAccessing the Settings Title Use the browser to access http//192.168.100.1/admin Settings Title Page for VB-C10/VB-C10R Settings TitleJapanese button Root Account System/Network SettingsEthernet Date and Time Current Camera Time Date/Time Settings Camera Settings Camera SettingsWith the VB-C10R, the displayed pan and tilt values change Detail Settings Do not attempt to manually change the camera head angle View Restriction SettingsRange of Camera Head Movement Controllable range and Video Capture Range About view restriction Common Settings Preset SettingsPresets Up to 8 presets can be specified. Application External Device Input Picture Recording and External Device I/O Settings External Device Names Schedule Picture Recording Picture Recording triggered by External DevicesPre-event recording for an on event Tip on Authorized User Account Access Control Settings WebView Livescope WebView Livescope Setting Settings Http Server Miscellaneous SettingsIP Installer Use IP Installer ISDN/leased line ADSL, etc VB-C10/VB-C10R Miscellaneous View Log Events Administration Tools SettingsOn-board File System Information Recorded Picture Information and Manipulation VB Administration Tools Are possible through the Internet/Intranet Overview of VB Administration ToolsVBAdmin Startup Panel → P.4-4 Panorama Creation Tool → P.4-7 Log Viewer → P.4-22 Preset Setting Tool → P.4-17Admin Viewer → P.4-24 View Restriction Tool → P.4-12 Turn on the power to the PC Installing VB Administration Tools Starting Up VB Administration Tools VBAdmin Startup Panel starts up Without a panorama picture Panorama Creation Tool Capture button About the Panorama Creation Tool Display ScreenDisplay Connect Information Captured date display Panorama picture display VB-C10 panorama pictureVB-C10R panorama picture Capturing Panorama PicturesTo Capture Updating/Deleting Panorama Pictures To UpdateTo Delete Opening/Saving Pictures ReconnectingDisplaying Connection Information View Restriction Tool View Restriction Tool Display Screen View Restriction Values Entry box and Get Value button View restriction setting valuesAdmin Viewer button Apply the View Restriction Retrieving values from Admin Viewer and changing settings Setting View RestrictionsClick the Send button Changing Settings from the View Restriction Preview Frame Setting presets using the Preset Setting Tool Preset Setting ToolReflecting preset settings in the viewer Preset Setting Tool Display Screen Brightness Preset NamePreset Values Entry box and the Brightness Selection box Preset Settings Setting Presets Changing Settings from the Preset Preview Frame Choose Filter from the View menu Using selection criteria to display logsLog Viewer Viewing Logs Specify Code Error TypeSpecify Type Specifying the levels of the logs Specifying the modules that output the logs Special privileges of Admin Viewer Admin ViewerStarting Up Admin Viewer Click the Admin Viewer on the VBAdmin Startup Panel Choose External Device Input from the Privilege menu To Make SettingsOperating External Device Displaying and Saving the External Device Input Status Operating External Device Output Enabling/Disabling View RestrictionsExternal Device Input dialog box appears Creating Web Pages VB-C10 Dedicated Web server Web Pages for Video Distribution Viewer Name Functions Features of the Java ViewersJava Viewer Types Viewer Types Glimpse LiveAppletClick Java Viewer Click Panorama Picture Features of the Helper Viewer Viewing Sample Pages Still picture request page using JavaScriptJavaApplet sample Using the Java Viewer to Create a Web Using the Java Viewer to Distribute VideosLiveApplet Device File system Saving Web Page Data Example of Using the Java Viewer to Create a Web Header.htm Sample.htmLvappl.htm Pop-up LiveApplet window Using Glimpse and LiveApplet Together Script titleGlimpse/title /head Body Glimps.htmPopup.htm Html Head Script language=JavaScript Applet Width=320 height=240 Providing LiveApplet without Camera ControlModifying the Startup and Disconnection Screens Nothing Specified Certain Images Specified Creating Web Pages Specifying the Background Color Displaying Bitmap Images on the Video ScreenPasting a Picture to the Background Java Viewer Parameters Videowidth ErrormsgSuperimpose Url Sleep Applet Tag Descriptions Setting Up the Web Server Using the Helper Viewer to Distribute VideosMime type video/x-webview-h Extension wvh For Apache Creating wvh Files HREF=WebView.wvhLets view the image/A Example of a Web page Using the Helper Viewer Displaying the Live Video at Access as a Still Picture Distributing Videos Using a Browser Only GetStillImage Parameters VB-C10/VB-C10R Router 192.168.100.2 192.168.100.1 Viewer PC Set the Java Viewer description → P.5-7 as follows Using the Picture Recording Function Sample Application Combining a Door-opening Sensor Installation ExampleVB-C10R Connection Example Recording conditions to be set → P Settings specified on the Preset Settings page → P.3-15 Sample Application Using Sequential Mode Recording conditions to be set → P.3-17 Viewing Recorded Pictures Installing VBCollector To Start Up VBCollector Starting Up VBCollectorRegistering a Server Adding a Server Enter the various fields and click the OK button To add a task, choose New Task from the Task menu Registering TasksEditing Server Information Adding a Task Enter the various items and click the OK button Executing a Task Executing and Canceling TasksCanceling a Task Editing Tasks Last Result Refresh Task View Display ContentDetails Displayed on the Task View Next Run Time To View Pictures Starting/Stopping the ServiceViewing Recorded Images Displaying Images Choose Delete Image from the Tools menu Deleting ImagesTo Delete Images Server Task Choose Filter from the View menu Filter dialog box appears Displaying Logs According to Selection Criteria Click the OK button Setting Download Capacity Troubleshooting VBIPI.exe does not work TroubleshootingVB-C10/VB-C10R sample page does not appear Cannot record pictures Forgot the passwordVideo does not appear Can’t control the camera System-related Log Message Log MessagesApplication-related Log Messages A023 Status change of external input devices err Log MessagesPage Appendix Interface SpecificationsSpecifications Software External Device Output Terminals OUT A, OUT B Internal Connection ChartExternal Device I/O Terminals External Device Input Terminals IN+, Click the Restore button for Restore Settings Restoring the Factory Default SettingsLaunch the Web browser and display the settings title On the settings title page, click Administration Tools VB-C10/VB-C10R’s factory default settings are restored If the IP Address and Password are Unknown Setting Factory Default SettingItem Setting 1 y m d Item setting 2 y m d Factory Default Setting Index Symbols Index Vii