Canon VB150 Service Manual

NETWORK CAMERA SERVER

VB150

Guide to Creating Web Pages for Video Distribution

ENGLISH

Introduction

Thank you for purchasing the Canon Network Camera Server VB150 (referred to hereafter as the VB150). This manual describes how to use the VB150 for video distribution. Video can be distributed in a number of ways, including displaying multiple images and posting still images or movies on a website. Read this manual carefully before use.

Exclusion of Liability

If the Product is connected to a recording device (for example a VCR), Canon Inc. accepts no responsibility whatsoever for any financial losses that may be incurred as a result of the loss of recorded information or images, regardless of the internal or external cause of the loss.

Video or still pictures recorded using your VB150 cannot be used in ways that infringe copyright laws or without the consent of the owner, unless intended for personal use only.

Notes

1. The unauthorized transfer of all or any part of the contents of this Manual is forbidden.

2. The contents of this Manual are subject to change without notice.

3. Every effort has been made to ensure that this Manual is flawless. However, if you find any oversights, please let us know.

4. Notwithstanding above, Canon accepts no liability for any results arising from the operation of this product.

Trademark Notices

● Canon and Canon logo are registered trademarks of Canon Inc.

● Microsoft and Windows are registered trademarks of Microsoft Corporation in the United States

and other countries.

● Windows is legally recognized as Microsoft Windows Operating System.

● Java and all Java-based marks are trademarks or registered trademarks of Sun Microsystems,

Inc. in the United States and other countries.

● Other brand or product names in this manual may be trademarks or registered trademarks of

their respective companies.

Request concerning disclosure of live videos

With respect to the disclosure of live videos, we request that sufficient consideration be given to matters of privacy and rights not to be photographed. Canon considers the following points concerning such matters when it operates camera sites for which it has been responsible to install and operate:

- We take measures such as adding limitations on zoom magnifications so that people cannot

make special specifications.

- When videos are taken of specific buildings, interiors and the like, we install the camera only after

receiving approval from the administrator. Please note that the operator of the camera site and not Canon has full responsibility regarding the disclosure of live videos.

Contents

Web Pages for Video Distribution ............ 1

Viewer Overview........................................ 2

Viewer for Java........................................................ 2

Viewer for PC........................................................... 2

Viewing Sample Pages ............................. 3

Using the Viewer for Java to Distribute Videos

Creating a Web Page that Uses the Viewer for Java....

Example of a Web Page that Uses the Viewer for Java ....

Viewer for Java Parameters ................................. 13

Using the Viewer for PC to Distribute Videos

Example of a Web Page that Uses the Viewer for PC ....

Distributing Videos Using a Browser Only....

..... 4

4 5

.. 17

Example of Video Distribution Using

One Global Address ................... 22

Log Messages ......................................... 23

Links from WebView World http://www.x-zone.canon.co.jp/WebView-E/

If you are interested in having your Website linked from our WebView World Website, please contact us from one of the following options (Be sure to read “Request Concerning the Disclosure of Live Pictures” in the Introduction page):

1. http://www.canon.com/webview/ [Link] - [Link from WVW] - [To Link from WebView World Page]

2. Read “2. Links from WebView World” in the CD-ROM’s ReadMe-E.txt and e-mail us with the required information.

*Note that the link may be refused in some cases.

Web Pages for Video Distribution

To distribute live video using the VB150, you create a dedicated web page. The viewers that can be used with the VB150 are “Viewer for Java” (with or without camera control function) and “Viewer for PC”, and detailed parameters can be specified for each of these. You need to determine which of these viewers is supported and create the Web page.

■ Example of a Web page for video distribution (VB150’s built-in page)

The above page is built into the VB150 and can be accessed from the URL below. http://192.168.100.1*/ * The underlined portion is a sample IP address. Enter the actual IP address set for the VB150 (→ VB150

User’s Manual P.38).

● File Names

Note

Tip

The VB150 can handle file names consisting of up to 8 characters followed by a 3-character extension. Note that the names of applets built into the VB150 are exceptions to this rule.

● The VB150 includes a built-in Web server. If the content of Web pages used for distributing video is stored onto a the flash memory, the VB150 can be used alone for distributing Web pages and videos over the Web. Refer to step 3 on page 113 for information on saving content.

You can use the Language setting function for the Browser to create a multilingual Web site. For example, if you set the French-language top page as index-fr.htm and the English-language top page as index.htm and supply users with a URL address terminates in slash, such as http://vb150/sample/, the server will transmit a file that corresponds with the language setting for the Browser. For further information on the Language setting function for the Browser, refer to the Browser Help.

Viewer Overview

There are two types of viewers: the Viewer for Java and the Viewer for PC.

Viewer for Java

The Viewer for Java provides two types of viewers: LiveApplet containing video display and camera control functions, and Glimpse containing a video display function. Because both viewers use the WebView-HTTP transfer protocol, data can pass through firewalls with no need for special settings.

LiveApplet Glimpse

Video display function Camera control

function

Click

* The Viewer for Java is installed in the VB150

Panorama picture

and automatically downloaded when it is connected to the VB150.

Viewer for PC

The Viewer for PC provides video display and camera control functions. In addition to WebViewHTTP, the VB150 also supports Canon’s WebView-TCP transfer protocol.

Viewer for PC

Video display function Camera control

function

Video display function

Guide to Creating Web Pages for Video Distribution

Click

*You need to install the Viewer for PC from the

supplied CD-ROM (MonSetup.exe).

Panorama picture

● Viewer Software User’s Manual is provided on the CD-ROM supplied with

Note

the VB150 (VIEWER-E.pdf).

● Use VB Administration Tools to create a panorama picture. Refer to P.67 of the VB150 User’s Manual for details.

Viewing Sample Pages

Ready-made video distribution sample pages are provided with the VB150. Follow the procedure below to view these pages. Refer to these pages when creating your own Web pages.

Viewing the Pages

Launch your Web browser and enter the following URL:

http://

192.168.100.1/sample/

* The underlined portion is a sample IP address. Enter the actual IP address set for the VB150 (→ VB150 User’s Manual P.38).

The page shown below appears with links to the other sample pages. Click on the link to the

sample page you want to view.

●Examples of sample pages

JavaApplet sample 1 JavaApplet sample 2

This is a LiveApplet sample page which distributes live videos and allows users to control the camera.

Still picture request page using JavaScript

This is a sample page which displays a live still picture.

This is a sample page which combines LiveApplet and Glimpse.

Using the Viewer for Java to Distribute Videos

This section describes how to use the Viewer for Java to provide videos. Application examples are also given.

Creating a Web Page that Uses the Viewer for Java

When you use the Viewer for Java, the viewer applet to be used must be incorporated 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

<applet codebase="http://192.168.100.1/-wvdoc-01-/LiveApplet/" code="LiveApplet.class" archive="LiveApplet.zip"

width=450 height=380> <param name=url value="http:// <param name=cabbase value="LiveApplet.cab">

</applet>

Glimpse

<applet codebase="http://192.168.100.1/-wvdoc-01-/Glimpse/" code="Glimpse.class" archive="Glimpse.zip"

width=160 height=120> <param name=url value="http:// <param name=cabbase value="Glimpse.cab">

</applet>

192.168.100.1/">

Guide to Creating Web Pages for Video Distribution

Enter the parameters required by the applet between the <applet> -</applet> tags. Use the <param> tag for parameters other than the common attributes for applets (codebase, code, archive, width and height).

* The underlined portion is a sample IP address. Enter the actual IP address set for the VB150.

Example of a Web Page that Uses the Viewer for Java

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.

Frame settings

The text displayed in a

separate frame

Frame with the embedded

Viewer for Java

● Writing IP Addresses

Tip

Using the Web server functions built into the VB150, IP addresses can be expressed as <_I_P_A_D_D_R_> (all upper-case characters, including the angle brackets) in the two file types (htm,wvh) used by the Web server in the VB150. Since <_I_P_A_D_D_R> is replaced with the actual IP address when accessed, the Web page does not need to be changed even when the IP address for the VB150 is changed. In addition, NAT can be supported by specifying a Web page global address. (→ P.22, VB150 User’s Manual P.57)

sample.htm <html> <head> <title>SampleSite LiveApplet</title> </head> <frameset rows="70,*"> <frame src="header.htm"> <frame src="lvappl.htm"> </frameset> </html>

header.htm <html> <head> <title>LiveApplet comment</title> </head> <body> <center><h1>LiveApplet</h1></center> </body> </html>

Using the Viewer for Java to Distribute Videos

Guide to Creating Web Pages for Video Distribution

lvappl.htm <html> <head> <title>LiveApplet</title> </head> <body> <applet codebase="http:// code="LiveApplet.class" archive="LiveApplet.zip" width=450 height=380> <param name=cabbase value="LiveApplet.cab"> <param name=url value="http:// </applet> </body> </html>

* The underlined portion is a sample IP address. Enter the actual IP address set for the VB150.

192.168.100.1/-wvdoc-01-/LiveApplet/"

192.168.100.1/">

Using Glimpse and LiveApplet Together

This section describes how to create a Web page that allows clients to use Glimpse to download quickly and display 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.

Glimpse embedded in

the page.

Click the button to display

the page in which

LiveApplet is embedded.

Pop-up LiveApplet

window

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://

code="Glimpse.class" archive="Glimpse.zip"

width=160 height=120> <param name=cabbase value="Glimpse.cab"> <param name=url value="http:// </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>

192.168.100.1/-wvdoc-01-/Glimpse/"

192.168.100.1/">

Using the Viewer for Java to Distribute Videos

Guide to Creating Web Pages for Video Distribution

popup.htm

<html> <head> <title>LiveApplet</title> </head> <body> <center> <applet codebase="http://

code="LiveApplet.class" archive="LiveApplet.zip"

width=450 height=380> <param name=cabbase value="LiveApplet.cab"> <param name=url value="http:// </applet> </center> </body> </html>

* The underlined portion is a sample IP address. Enter the actual IP address set for the VB150.

192.168.100.1/-wvdoc-01-/LiveApplet/"

192.168.100.1/">

Providing “LiveApplet” without Camera Control

This section describes how to create a Web page that only displays live video and has no camera control GUI for situations where you want to prohibit camera control.

<param name=controller_style value="none"> .................................................1

1 Specify the camera control user interface.

"normal" = the usual style "preset_only" = preset operation only is displayed "none" = not displayed

Modifying the Startup and Disconnection Screens

You can modify the image files (JPEG or GIF image files) shown in the startup and disconnection screens.

Nothing Specified

■Startup screen ■Disconnection screen

+ 28 hidden pages