Example of Using the Java Viewer to Create a Web | Canon VB-C10R

Using the Java Viewer to Distribute Videos

Example of Using the Java Viewer to Create a Web Page

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

Use this example to create your own original Web page.

Embed the Java Viewer, 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 Java Viewer

Writing IP Addresses

Using the Web server functions built into the VB-C10/VB-C10R, IP addresses can be

expressed as <_I_P_A_D_D_R_> (all upper-case characters, including the angle brackets) in the three file types (html, wvh and wvp) used by the Web server in the VB-C10/VB-C10R.

Since <_I_P_A_D_D_R_> is replaced with the actual address when the VB-C10/ VB-C10R is accessed, the Web page does not need to be changed even when the VB-C10/VB-C10R’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 87

Canon VB-C10R user manual Example of Using the Java Viewer to Create a Web, Tip

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 Safe Use of Equipment Important Operational InstructionsFDA 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 Optional Products Products sold separatelyWebView 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 System Components and Their Operation FrontRear 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 Preparations for Initial Setup Installation ProcedureVB-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 Settings Title Page for VB-C10/VB-C10RJapanese button System/Network Settings Root AccountEthernet 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 Preset Settings Common 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 Capturing Panorama Pictures VB-C10 panorama pictureVB-C10R panorama pictureTo Capture To Update Updating/Deleting Panorama PicturesTo Delete Reconnecting Opening/Saving PicturesDisplaying 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 Setting View Restrictions Retrieving values from Admin Viewer and changing settingsClick the Send button Changing Settings from the View Restriction Preview Frame Preset Setting Tool Setting presets using the 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 Enabling/Disabling View Restrictions Operating External Device OutputExternal 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 LiveApplet GlimpseClick Java Viewer Click Panorama Picture Features of the Helper Viewer Still picture request page using JavaScript Viewing Sample PagesJavaApplet sample Using the Java Viewer to Distribute Videos Using the Java Viewer to Create a WebLiveApplet Device File system Saving Web Page Data Example of Using the Java Viewer to Create a Web Sample.htm Header.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 Displaying Bitmap Images on the Video Screen Specifying the Background ColorPasting a Picture to the Background Java Viewer Parameters Videowidth ErrormsgSuperimpose Url Sleep Applet Tag Descriptions Using the Helper Viewer to Distribute Videos Setting Up the Web ServerMime 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 Installation Example Sample Application Combining a Door-opening SensorVB-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 Deleting Images Choose Delete Image from the Tools menuTo 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 Troubleshooting VBIPI.exe does not workVB-C10/VB-C10R sample page does not appear Cannot record pictures Forgot the passwordVideo does not appear Can’t control the camera Log Messages System-related Log MessageApplication-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 Factory Default Setting SettingItem Setting 1 y m d Item setting 2 y m d Factory Default Setting Index Symbols Index Vii