Example of a Web page Using the Helper Viewer | Canon VB-C10R

Using the Helper Viewer to Distribute Videos

Example of a Web page Using the Helper Viewer

This section describes an sample Web page in which the Helper Viewer is used.

Helper application launched and displayed

1 Click the link to launch the

Helper application

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-C10/VB-C10R to supply videos, specify <A HREF=http://IP-address/sample/helper/default.wvh>.

5-23

Image 101

Canon VB-C10R user manual Example of a Web page Using the Helper Viewer, HREF=WebView.wvhLets view the image/A

Contents

Center toll-free at 1-800-828-4040U.S.A.only User’s Manual Exclusion of Liability IntroductionCopyright Information Trademark Notices Request concerning disclosure of live videos Contents Admin Viewer Preset Setting ToolView Restriction Tool Log Viewer Troubleshooting Log Messages Using the Helper Viewer to Distribute VideosSpecifications Restoring the Factory Default Settings FDA regulation Safe Use of EquipmentImportant Operational Instructions Network Camera VB-C10/VB-C10R FCC Notice Important Safety Instructions Fig-1 Styles Cleaning the Equipment MaintenanceCleaning the Lens Tip Before Using the VB-C10/VB-C10R Features of the VB-C10/VB-C10R Camera Position Preset function Panorama picture creation functions and settingsSimple set up and management More powerful security functions Viewer Software Functions System ConfigurationRecommended browser Java Viewer WebView Livescope MV Optional ProductsProducts sold separately Hardware and Software Requirements VB Administration Tools → P.4-2Webview Livescope Viewer Software → P.1-4 Java Viewer version Webview Livescope MV version 2.0/LE → P.1-5 VBCollector → P.6-6 Package Contents Rear System Components and Their OperationFront Base Camera head Mounting plate Camera LED MAC address Reset switch Reset switch Serial NoBottom Screw hole for tripod mountingPage Installation Installing the VB-C10/VB-C10R Before Using the VB-C10/VB-C10RUsing a Tripod VB-C10 Do not overtighten the mounting screw Wide-angle Converter Using the Wide-angle Converter VB-C10 Turning the Power on and OFF Connecting the Components Sample LAN Environment Configuration Sample Network ConfigurationsSample Configuration in an ISP Environment InternetPage Setup Procedures VB-C10 LAN cable Hub Preparations for Initial SetupInstallation Procedure 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 Checking Operation Access the sample page from the Web browserClick on each sample Sample Example of the Java Viewer Accessing the Settings Title Detail SettingsUse the browser to access http//192.168.100.1/admin Enter the user name and password Japanese button Settings TitleSettings Title Page for VB-C10/VB-C10R Ethernet System/Network SettingsRoot Account Date and Time Current Camera Time Date/Time Settings With the VB-C10R, the displayed pan and tilt values change Camera SettingsCamera Settings Detail Settings Range of Camera Head Movement View Restriction SettingsControllable range and Video Capture Range Do not attempt to manually change the camera head angle About view restriction Presets Up to 8 presets can be specified. Application Preset SettingsCommon Settings External Device Input Picture Recording and External Device I/O Settings External Device Names Schedule Pre-event recording for an on event Picture Recording triggered by External DevicesTip on Picture Recording Authorized User Account Access Control Settings WebView Livescope WebView Livescope Setting Settings IP Installer Use IP Installer Miscellaneous SettingsISDN/leased line ADSL, etc VB-C10/VB-C10R Http Server On-board File System Information Administration Tools SettingsRecorded Picture Information and Manipulation Miscellaneous View Log Events VB Administration Tools VBAdmin Startup Panel → P.4-4 Overview of VB Administration ToolsPanorama Creation Tool → P.4-7 Are possible through the Internet/Intranet Admin Viewer → P.4-24 Preset Setting Tool → P.4-17View Restriction Tool → P.4-12 Log Viewer → P.4-22 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 Display Connect Information About the Panorama Creation Tool Display ScreenCaptured date display Panorama picture display Capture button To Capture Capturing Panorama PicturesVB-C10 panorama pictureVB-C10R panorama picture To Delete To UpdateUpdating/Deleting Panorama Pictures Displaying Connection Information ReconnectingOpening/Saving Pictures View Restriction Tool View Restriction Tool Display Screen Admin Viewer button View restriction setting valuesApply the View Restriction View Restriction Values Entry box and Get Value button Click the Send button Setting View RestrictionsRetrieving values from Admin Viewer and changing settings Changing Settings from the View Restriction Preview Frame Reflecting preset settings in the viewer Preset Setting ToolSetting presets using the Preset Setting Tool Preset Setting Tool Display Screen Preset Values Entry box and the Brightness Selection box Preset NamePreset Settings Brightness Setting Presets Changing Settings from the Preset Preview Frame Log Viewer Using selection criteria to display logsViewing Logs Choose Filter from the View menu Specify Type Specifying the levels of the logs Error TypeSpecifying the modules that output the logs Specify Code Starting Up Admin Viewer Admin ViewerClick the Admin Viewer on the VBAdmin Startup Panel Special privileges of Admin Viewer Operating External Device To Make SettingsDisplaying and Saving the External Device Input Status Choose External Device Input from the Privilege menu External Device Input dialog box appears Enabling/Disabling View RestrictionsOperating External Device Output Creating Web Pages VB-C10 Dedicated Web server Web Pages for Video Distribution Java Viewer Types Features of the Java ViewersViewer Types Viewer Name Functions Click Java Viewer LiveAppletGlimpse Click Panorama Picture Features of the Helper Viewer JavaApplet sample Still picture request page using JavaScriptViewing Sample Pages LiveApplet Using the Java Viewer to Distribute VideosUsing the Java Viewer to Create a Web Device File system Saving Web Page Data Example of Using the Java Viewer to Create a Web Lvappl.htm Sample.htmHeader.htm Pop-up LiveApplet window Using Glimpse and LiveApplet Together Popup.htm Glimps.htmHtml Head Script language=JavaScript Script titleGlimpse/title /head Body Modifying the Startup and Disconnection Screens Providing LiveApplet without Camera ControlNothing Specified Applet Width=320 height=240 Certain Images Specified Creating Web Pages Pasting a Picture to the Background Displaying Bitmap Images on the Video ScreenSpecifying the Background Color Java Viewer Parameters Superimpose ErrormsgUrl Videowidth Sleep Applet Tag Descriptions Mime type video/x-webview-h Extension wvh For Apache Using the Helper Viewer to Distribute VideosSetting Up the Web Server 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 VB-C10R Connection Example Installation ExampleSample Application Combining a Door-opening Sensor 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 Registering a Server Starting Up VBCollectorAdding a Server To Start Up VBCollector Enter the various fields and click the OK button Editing Server Information Registering TasksAdding a Task To add a task, choose New Task from the Task menu Enter the various items and click the OK button Canceling a Task Executing and Canceling TasksEditing Tasks Executing a Task Details Displayed on the Task View Refresh Task View Display ContentNext Run Time Last Result Viewing Recorded Images Starting/Stopping the ServiceDisplaying Images To View Pictures To Delete Images Deleting ImagesChoose Delete Image from the Tools menu 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 VB-C10/VB-C10R sample page does not appear TroubleshootingVBIPI.exe does not work Video does not appear Forgot the passwordCan’t control the camera Cannot record pictures Application-related Log Messages Log MessagesSystem-related Log Message A023 Status change of external input devices err Log MessagesPage Appendix Specifications SpecificationsSoftware Interface External Device I/O Terminals Internal Connection ChartExternal Device Input Terminals IN+, External Device Output Terminals OUT A, OUT B Launch the Web browser and display the settings title Restoring the Factory Default SettingsOn the settings title page, click Administration Tools Click the Restore button for Restore Settings VB-C10/VB-C10R’s factory default settings are restored If the IP Address and Password are Unknown Item Setting 1 y m d Item setting 2 y m d Factory Default SettingSetting Factory Default Setting Index Symbols Index Vii