Examples of Web Pages created for JAVA using the Viewer for the VB-C50i / VB-C50iR
Article ID: ART103237 | Date published: 05/11/2015 | Date last updated: 08/15/2015
 

Description

Examples of Web Pages created for JAVA using the Viewer for the VB-C50i / VB-C50iR

Solution

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>

SIMS Doc Id

0