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 to create a Web page. Use this example to create your own original Web page.
Embed the Viewer for Java, and Display a Text in a Separate Frame
Tip
Writing IP Addresses
Using the Web server functions built into the VB-C50i/VB-C50iR, IP addresses can be expressed as <_I_P_A_D_D_R_> (all upper-case characters, including the angle brackets) or as <_W_E_B_S_E_R_V_E_R_> (html-compatible only, all in upper-case characters, including the angle brackets) in the 3 file types (html, wvh and wvp) used by the Web server in the VB-C50i/VB-C50iR.Since <_I_P_A_D_D_R_> or <_W_E_B_S_E_R_V _E_R_> 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 changed.NAT can also be supported by specifying a global address for the Web page
1 sample.htm
<html>
<head>
<title>SampleSite LiveApplet</title>
</head>
<frameset rows="70,*">
<frame src="header.htm">
<frame src="lvappl.htm">
</frameset>
</html>
2 header.htm
<html>
<head>
<title>LiveApplet comment</title>
</head>
<body>
<center><h1>LiveApplet</h1></center>
</body>
</html>
3 lvappl.htm
<html>
<head>
<title>LiveApplet</title>
</head>
<body>
<applet codebase="http://<_W_E_B_S_E_R_V_E_R_>/-wvdoc-01-/LiveApplet/"
code="LiveApplet.class" archive="LiveApplet.zip"
width=450 height=380>
<param name=cabbase value="LiveApplet.cab">
<param name=url value="http://<_W_E_B_S_E_R_V_E_R_>/">
</applet>
</body>
</html>
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 particularly interested in.
1 glimps.htm
<html>
<head>
<script language="JavaScript">
<!--
function clicked(btn) {
url = btn.name
window.open(url,"LiveApplet","width=490,height=400")
}
// -->
</script>
<title>Glimpse</title>
</head>
<body>
<table>
<form name="form">
<tr><td><center>
<applet codebase="http://<_W_E_B_S_E_R_V_E_R_>/-wvdoc-01-/Glimpse/"
code="Glimpse.class" archive="Glimpse.zip"
width=160 height=120>
<param name=cabbase value="Glimpse.cab">
<param name=url value="http://<_W_E_B_S_E_R_V_E_R_>/">
</applet>
</center></td></tr>
<tr><td><center>
<input type="Button" name="popup.htm" value="click me"
onClick="clicked(this)">
</center></td></tr>
</form>
</table>
</body>
</html>
2 popup.htm
<html>
<head>
<title>LiveApplet</title>
</head>
<body>
<center>
<applet codebase="http://<_W_E_B_S_E_R_V_E_R_>/-wvdoc-01-/LiveApplet/"
code="LiveApplet.class" archive="LiveApplet.zip"
width=450 height=380>
<param name=cabbase value="LiveApplet.cab">
<param name=url value="http://<_W_E_B_S_E_R_V_E_R_>/">
</applet>
</center>
</body>
</html>
