Canon network camera VBC50FSi User Manual

							
Creating Web  Pages
5-9
Using the Viewer for Java to Distribute Videos
Example of Using the Viewer for Java to Create a Web Page
This section describes an example in which the Viewer for Java is used t\
o 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-C50FSi/VB-C50Fi, IP add\
resses
can be expressed as  (all upper-case characters, includi\
ng the
angle brackets) or as  (html-compatible only, all\
 in upper-
case characters, including the angle brackets) in the 3 file types (ht\
ml, wvh and wvp)
used by the Web server in the VB-C50FSi/VB-C50Fi.
Since  or  is  replaced with the
actual address when the VB-C50FSi/VB-C50Fi is  accessed, the Web page does
not need to be changed even when the VB-C50FSi/VB-C50Fi’s IP address \
is changed.
NAT can also be supported by specifying a global address for the Web pag\
e ( → P.5-
26).
Embed the Viewer for Java, and Display a Text in a Separate Frame
2 The text displayed in a
separate frame
3 Frame with the embedded
Viewer for Java
1
Frame settings
C
O
P
Y  
						

							
5-10
1sample.htm


SampleSite LiveApplet






2header.htm


LiveApplet comment


LiveApplet


3lvappl.htm


LiveApplet









Using the Viewer for Java to Distribute Videos
C
O
P
Y  
						

							
Creating Web  Pages
5-11
Click the button to
display the page in
which LiveApplet is
embedded.
Using Glimpse and LiveApplet Together
This section describes how to create a Web page that allows clients to u\
se 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 particu\
larly interested in.1Glimpse embedded in the
page
2 Pop-up LiveApplet window
Using the Viewer for Java to Distribute Videos
C
O
P
Y  
						

							
5-12
1glimps.htm





Glimpse

















2 popup.htm


LiveApplet











Using the Viewer for Java to Distribute Videos
C
O
P
Y  
						

							
Creating Web  Pages
5-13
Providing “LiveApplet” with Camera Control Restricted to Presets
This section describes how to create a Web page that only displays prese\
t operations and does
not show the camera control GUI.
Modifying the Startup and Disconnection Screens
You can modify the image files (JPEG or GIF images) shown in the start\
up and disconnection
screens.
Nothing Specified
Startup screen Disconnection screen

 ................................................1
1 specifies the camera control user interface.
“no_pantilt”: The usual style.
“preset_only”: Preset operation only is displayed.
“none”: Not displayed.
Using the Viewer for Java to Distribute Videos
C
O
P
Y  
						

							
5-14
Certain Images Specified
Startup screen Disconnection screen
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 auto\
matically adjusted to
the size specified in the video_width parameter. The display time for th\
e specified screen at startup
can also be specified.  ............................. 1
 ........................................................ 2
 .............................. 3
1 specifies the file name for the startup image screen.
2 specifies the display time for the startup image screen (in millisecond\
s).
3 specifies the file name for the disconnection image screen.
Note
You must use the absolute path name (name that begins with “/”) \
to specify the path
for the image file displayed ( → P.5-8).
Tip
● At startup, the default character string that is displayed while a conne\
ction to the
VB-C50FSi/VB-C50Fi is being established is “now connecting”, but t\
here is also a
parameter called “connect_msg” for changing this character string.\
 For additional
parameters for changing display character strings, see page 5-17.
● If the user’s service time has been set ( → P.3-15), screen images are not displayed
outside the specified time.
Using the Viewer for Java to Distribute Videos
C
O
P
Y  
						

							
Creating Web  Pages
5-15
Displaying the Host Name, Frame Count and Other Information on the Video\
 Screen
1
 2

 3

 4
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 scree\
n 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 commen\
t is displayed.
“on”: Displayed.
“off”: Not displayed.
12 3
4
Using the Viewer for Java to Distribute Videos
C
O
P
Y  
						

							
5-16
Displaying Bitmap Images on the Video Screen

* The underlined portion “x,y” specifies the display position. Whe\
n x,y = 0,0, the image is displayed in the topleft corner. If “x,y” is omitted, the image is displayed in the ce\
nter of the frame.
Sample transparent GIF
Specifying the Background Color


\






Pasting a Picture to the Background
 ........................................ 1
 ................................................................... 2
1 specify the displayed picture file.
2 specify to display it at x,y (underlined portion).
Using the Viewer for Java to Distribute Videos
C
O
P
Y  
						

							
Creating Web  Pages
5-17
Viewer for Java Parameters
You can specify applet parameters to provide an applet tailored to modif\
y the behavior or
appearance of applets. Refer to the table below to ensure that you thoro\
ughly understand the
parameters.
LiveApplet
Using the Viewer for Java to Distribute Videos
Specifies whether or not connection to the camera server should be 
established at the same time that the applet starts up. Select “on”\
 or “off”. 
When “on” is selected, connection is established when the applet s\
tarts up and 
moving pictures are displayed. With “off”, the connection is not e\
stablished 
when the applet starts up and the character string that was specified wi\
th the 
“no_connect_msg” parameter is displayed. The “connect()” m\
ethod is called up 
to establish connections.
Ye sauto_connect
Use this parameter to set the background color. The parameter specificat\
ion 
format is “#RRGGBB” (values between 0 and 255 for each component \
color 
expressed as a hexadecimal).
E.G. White: “#FFFFFF”, Grey: “#AAAAAA”, Green: “#00FF00”\
If this parameter is omitted, the default background color is used.
Ye sbg_color
The picture displayed in the background of LiveApplet can be specified. \
A 
JPEG or GIF image can be specified. The WebView Livescope logo is not 
displayed if specified. If not specified, the default picture is used. (\
Refer to 
image_offset about the display position.)
Ye sbg_image
Specifies the size of the image when LiveApplet is started. There are 4 \
sizes: 
80 × 60, 160  × 120, 320  × 240 and 640  × 480 for NTSC, and 96  × 72, 192  × 
144, 384  × 288 and 768  × 576 for PAL. The default is the specified size in the 
Video Transmission of the Camera and Video Setting Page ( → P.3-8). 
capture_size is unrelated to the size of the image displayed on the moni\
tor of 
your PC. To change the size of the image on the monitor, specify video_w\
idth.
Ye scapture_size
Specifies behavior when a moving picture display area is clicked. “pt\
” specifies 
pan and tilt; “none” specifies no reaction. The default is “pt”\
.Ye sclick_action
You can use this parameter to specify the screen displayed in the video \
display 
window at the time of disconnection. Specify the name of a JPEG or GIF i\
mage. 
If this parameter is omitted, the default disconnection screen is displa\
yed.Ye sclose_image
This parameter specifies the comment text string displayed as an overlay\
 on 
the applet. If this parameter is omitted, no comment is displayed. Ye scomment
Specifies the character string that is displayed while connection to the\
 camera 
server is being established. The default is “now connecting”.Ye sconnect_msg
Specifies the GUI style for controlling the camera. “normal” speci\
fies the usual 
GUI style; “preset_only” specifies preset operation only; “none\
” specifies that the 
entire GUI will not be displayed. With “preset_only”, only the Sta\
rt Control button, 
the Camera Control Status window, the Preset Selection Box, and the Snap\
shot 
button are displayed. “no_pantilt” displays the UI for the VB-C50F\
Si/VB-C50Fi.
Ye scontroller_style
Specifies the character string that is displayed when the connection to \
the 
camera server is aborted. The default is “disconnected”.Ye sdisconnect_msg
Specifies the character string that is displayed when connection to the \
camera 
server has failed. The default is “can’t connect”.Ye serror_msg
Specifies the display size for connect_msg, disconnect_msg, error_msg, n\
o_connect_msg, 
and too_many_msg. The default makes size dependent on the display area.Ye sfont_size
DescriptionOmissibleP arameter Name
C
O
P
Y  
						

							
5-18
Using the Viewer for Java to Distribute Videos
When a startup screen is specified in the “open_image” parameter, \
this parameter 
specifies the display time. The time is specified in milliseconds (1/10\
00 sec.), and the 
default value is 0. The image is displayed until the first video frame a\
ppears. Values 
from 0 to 30000 (30 seconds) can be specified.
Ye sopen_image_time
Specifies the color of the character string specified for “comment”\
 and “hostname”. 
The color is specified at “#RRGGBB”. The default is yellow.Ye soverlay_font_color
This function specifies whether the Snapshot button is displayed. Specif\
y “on” or 
“off”. The default value is “on”. The button is always displ\
ayed unless “off” is explicitly 
specified.Ye sshow_capture
This function displays the comment as an overlay on the video image. Spe\
cify “on” or 
“off”. The default value is “off”. Note that this parameter \
is only valid if the “comment” 
parameter is specified.Ye sshow_comment
This function displays the frame count as an overlay on the video image.\
 Specify “on” 
or “off”. The default value is “off”.Ye sshow_counter
This function displays the frame rate as an overlay on the video image. \
Specify “on” 
or “off”. The default value is “off”.Ye sshow_fps
This function displays the host name as an overlay on the video image. S\
pecify “on” 
or “off”. The default value is “off”. Note that this paramet\
er is only valid if the 
“hostname” parameter is specified.Ye sshow_hostname
Specifies whether or not the WebView Livescope logo should appear in the\
 upper right 
of the screen. It appears if show_logo is “on” and does not appear\
 if it is “off”.Ye sshow_logo
Function for displaying the buttons to change the image size when LiveAp\
plet is 
running. Specify “on” or “off”. The default value is “off\
”.Ye sshow_toolbar
Specify whether or not to display the panorama window pop-up button.Ye sshow_panobutton
This function displays a bitmap image as an overlay on the video image. \
Specify the 
image using the “bitmap-filename,x,y” format. Use the GIF format f\
or bitmap images 
(transparent GIFs supported). The “x,y” parameters specify the c\
oordinates of the 
bitmap image position on the video frame. If “x,y” is omitted, the\
 image is displayed in 
the center of the video frame.
Ye ssuperimpose
Specifies the character string that is displayed when connection to the \
camera server 
fails because the limit on the number of connections was exceeded. The d\
efault is 
“too many clients”.  Ye stoo_many_msg
Specify the URL of the HTTP server for applet access. Specify the IP add\
ress and 
port number that match those specified in the codebase attribute.Nourl
This parameter specifies the video image display size (in pixels). Spe\
cify the width. The 
display sizes are 80 to 640, and any value can be set as the width. The \
height is calculated 
as 3/4 of the specified width. E.G. video_width=“240” (height = 2\
40 × 3/4 = 180.)Ye svideo_width
Specifies the display position of the picture file specified at bg_image\
. With the upper 
left coordinates of the picture at “0,0” and the right direction g\
iven as x and the down 
direction as y, image_offset is specified as “x,y”. The default is\
 “335,0”.Ye simage_offset
Specifies the character string to be displayed following applet startup \
when auto_connect 
is “off”. The default is “no connection”.Ye sno_connect_msg
You can use this parameter to specify the screen that appears in the vid\
eo display 
window until the first video image appears. Specify the name of a JPEG o\
r GIF 
image. If this parameter is omitted, the default startup screen is displ\
ayed.Ye sopen_image
Specifies whether the panorama window should be pop-up displayed or embe\
dded in 
the page. Specify “embed” for making it an embedded display. When \
specifying 
“embed”, the Width and Height of the applet tags must be specified\
 a little larger 
(E.G. width=500; height=660).
Ye sgui_type
This parameter specifies the host name displayed in the applet. This val\
ue is used as 
the host name in messages displayed during connection, etc. If this para\
meter is 
omitted, no host name is displayed.Ye shostname
DescriptionOmissibleParameter Name
C
O
P
Y