Canon network camera VBC50iVBC50iR User Manual

							
Creating Web  Pages
5-7
This section describes how to use the Viewers for Java to provide videos\
. Application examples
are also given.
Using the Viewer for Java to Distribute Videos
Using the Viewer for Java to Create a Web Page
When you use the Viewer for Java, the viewer applet to be used must be i\
ncorporated into the
Web page you provide. However, this is not especially difficult. The page can be created using the
HTML normally used to include an applet.
LiveApplet
 
 
 
Glimpse 
 
 
 
Enter the attributes of the applet between the  and  ta\
gs.
Enter the Applet parameters using the  tag.
* The underlined portion is a sample IP address. Enter the actual IP add\
ress set for the VB-C50i/VB-C50iR (→  P.3-6).
 005-VBC50i-E-US 06.7.6, 11:36 AM
7
C
O
P
Y  
						

							
5-8
Using the Viewer for Java to Distribute Videos
Saving Web Page Data
The VB-C50i/VB-C50iR is equipped with a Flash memory where Web page data can be saved.
Data is saved by transferring the data files using FTP. The data is plac\
ed as a file under /usr/html/
local.
Device File system URL(accessed by an ftp client) (accessed from a Web browser)
On-board flashftp://IP address/usr/html/local http://IP address/local/
memory
Note
● Output performance may suffer if there is insufficient free space in the\
 on-board
file system. Ensure that only the minimum amount of data required is sto\
red in the
on-board file system ( → P.3-29).
● Using “Restore Settings” ( → P.3-30, 7-21) deletes all saved data. Back up your
data before using this function.
 005-VBC50i-E-US 06.7.6, 11:36 AM
8
C
O
P
Y  
						

							
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-C50i/VB-C50iR, IP addre\
sses can
be expressed as  (all upper-case characters, including t\
he angle
brackets) or as  (html-compatible only, all in up\
per-case
characters, including the angle brackets) in the 3 file types (html, w\
vh and wvp) used
by the Web server in the VB-C50i/VB-C50iR.
Since  or  is  replaced with the
actual address when the VB-C50i/VB-C50iR is  accessed, the Web page does not
need to be changed even when the VB-C50i/VB-C50iR’s IP address is cha\
nged.
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
 005-VBC50i-E-US 06.7.6, 11:36 AM
9
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
 005-VBC50i-E-US 06.7.6, 11:36 AM
10
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 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 particu\
larly interested in.1Glimpse embedded in the
page
2 Pop-up LiveApplet window
Using the Viewer for Java to Distribute Videos
 005-VBC50i-E-US 06.7.6, 11:36 AM
11
C
O
P
Y  
						

							
5-12
1glimps.htm





Glimpse

















2 popup.htm


LiveApplet










Using the Viewer for Java to Distribute Videos
 005-VBC50i-E-US 06.7.6, 11:36 AM
12
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.
“normal”: The usual style.
“preset_only”: Preset operation only is displayed.
“none”: Not displayed.
Using the Viewer for Java to Distribute Videos
 005-VBC50i-E-US 06.7.6, 11:36 AM
13
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-C50i/VB-C50iR is being established is “now connecting”, but the\
re 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-16), screen images are not displayed
outside the specified time.
Using the Viewer for Java to Distribute Videos
 005-VBC50i-E-US 06.7.6, 11:36 AM
14
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
 005-VBC50i-E-US 06.7.6, 11:36 AM
15
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
 005-VBC50i-E-US 06.7.6, 11:36 AM
16
C
O
P
Y