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.
Tip
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
Sample - JAVA
Sample GLIMPSE and LIVEAPPLET Together
This section describes how to create a Web page that allows clients to use Glimpse to download quickly and view live video at a low frame rate, and then use LiveApplet to view video at a high frame rate and control the camera when they find videos they are particularly interested in.
Providing "LiveApplet" without Camera Control
This section describes how to create a Web page that only displays live video and has no camera control GUI for situations where you want to prohibit camera control.
<applet ...... width=320 height=240>
<param name=controller_style value="none"> ............................................................ 1
1 specifies the camera control user interface.
"normal": The usual style.
"preset_only": Preset operation only is displayed.
"none": Not displayed.
Modifying the Startup and Disconnection Screens
You can modify the image files (JPEG or GIF image files) shown in the startup and disconnection screens.
Certain Images Specified
If no particular image is specified, the "connecting to hostname" (when the hostname parameter is specified) or "now connecting" animation is displayed at startup and the "disconnected hostname" (when the hostname parameter is specified) or "disconnected" is displayed at disconnection. You can modify the screens to show any image by providing images for the startup and disconnection screens and setting the parameters. The image size is automatically adjusted to the size specified in the video_width parameter. The display time for the specified screen at startup can also be specified.
<param name=open_image value="/local/images/opening.jpg"> ............................. 1
<param name=open_image_time value="3000"> ................................................... 2
<param name=close_image value="/local/images/closing.jpg"> ............................... 3
1 specifies the file name for the startup image screen.
2 specifies the display time for the startup image screen (in milliseconds).
3 specifies the file name for the disconnection image screen.
Displaying the Host Name, Frame Count and Other Information on the Video Screen
<param name=show_fps value="on">................................ 1
<param name=show_counter value="on">.......................... 2
<param name=hostname value="CANON">.......................3
<param name=show_hostname value="on">........................3
<param name=comment value="VB-C10 site">...................4
<param name=show_comment value="on">.........................5
1 specifies whether the frame rate is displayed on the screen.
"on": Displayed.
"off": Not displayed.
2 specifies whether the frame count is displayed on the screen.
"on": Displayed.
"off": Not displayed.
3 specifies the host name (any text string) to be displayed on the screen and whether the host name is displayed.
"on": Displayed.
"off": Not displayed.
4 specifies a comment to be displayed on the screen and whether the comment is displayed.
"on": Displayed.
"off": Not displayed.
Displaying Bitmap Images on the Video Screen
<param name=superimpose value="/local/logos/newlogo.gif,0,0">
* The underlined portion "x,y" specifies the display position. When x,y = 0,0, the image is displayed in the top left corner. If "x,y" is omitted, the image is displayed in the center of the frame.
Specifying the Background Color
<html>
<body bgcolor=#cccccc>
<applet codebase=http://...code="LiveApplet.class" width=450 height=380>
<param name=url value="http://192.168.100.1">
<param name=bg_color value="#cccccc">
</applet>
</body>
</html>
* The underlined portion is a sample IP address. Enter the actual IP address set for the VB-C10/VB-C10R.
Pasting a Picture to the Background
<param name=bg_image value="/local/images/back.gif"> ........................................... 1
<param name=image_offset value="0,0"> ................................................................... 2
1 specify the displayed picture file.
2 specify to display it at x,y (underlined portion).
