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...

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\...

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\...

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...

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...

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...

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...

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...