のぞき穴 PeepHole

サーバに ftp されたファイルが peep.jpg だとすると，

peep.html

<HTML><HEAD><TITLE>のぞき穴</TITLE></HEAD>
<BODY>
のぞき穴 
<IMG SRC="peep.jpg"> 
リロードで更新します
</BODY></HTML>

という感じです．

○最も簡単
×リアルタイム性にかける

3.2 クライアントプル

http://some.net.ne.jp/peep-clientpull.html がのぞき穴の置き場所だとすると，

peep-clientpull.html

<HTML>
<HEAD>
<TITLE>5分ごとに更新するのぞき穴</TITLE>
<META HTTP-EQUIV="Refresh" CONTENT="300 ; URL=http://some.net.ne.jp/peep-clientpull.html">
</HEAD>
<BODY>
5分ごとに更新するのぞき穴 
<IMG SRC="peep.jpg"> 
自動的に更新します
</BODY></HTML>

これで 300 秒おきに自動更新します．

○非常に簡単
×ページ全体を読み込み直すので，ちょっとかっこわるい

3.3 サーバープッシュ

まず，cgi を用意します．わかりやすく，perl で書いてみました．(わかりやすくないって?)

nph-serverpush.pl

#!/usr/local/bin/perl
#
# server push program
#
# 1998 Yuichiro Nakamura
#
use strict 'subs';
$image = '/usr/local/etc/httpd/htdocs/cuseeme/peep.jpg'; # image のありか
$interval = '10'; # wait seconds
$boundary = 'BOUNDARY'; # 画像の境界(MIME multipart)
&main();
sub main {
 $| = 1;
 print "HTTP/1.0 200 OK\n";
 print "Content-type: multipart/x-mixed-replace;boundary=$boundary\n\n";
 while (1) {
 print "--$boundary\n";
 if ( open( IMG , "< $image" ) ) {
 print "Content-type: image/jpeg\n"; # file が jpeg の場合
 print "Content-length: ",(stat($image))[7],"\n\n"; # file size を取得
 while ( <IMG> ) {
 print;
 }
 print "\n";
 }
 else {
 die "Can't open $image";
 }
 close(IMG);
 sleep($interval);
 }
}

このファイルを
http://some.net.ne.jp/cgi-bin/nph-serverpush.pl
においたら，次のページを用意します．

peep-serverpush.html

<HTML><HEAD><TITLE>画像だけを更新するのぞき穴</TITLE></HEAD>
<BODY>
画像だけを更新するのぞき穴 
<IMG SRC="http://some.net.ne.jp/cgi-bin/nph-serverpush.pl">
 
</BODY></HTML>

すると，画像の部分だけを，画像を送り，10秒待って，また送り，します．

○画像の部分だけを入れ替える
×クライアントのロード中の印が動きっぱなし
×サーバに負荷がかかる

3.4 JAVA を使う

2秒間隔とかにすれば，

おお！動いてるぞ！

JAVAの開発環境 JDK は Sunのサイトや雑誌の付録から手に入ります．

先ほどの server push を java applet で書き直してみます．

SimpleClientPull.java

/*
* SimpleClientPull
* 1998 Yuichiro Nakamura
*/
import java.awt.*;
import java.applet.Applet;
public class SimpleClientPull extends Applet {
Image img;    // image を保存
int flag = 1;   // applet の動作を監視
int interval = 10000; // wait [ms]
public void start() {
flag = 1;
}
public void stop() {
flag = 0;
}
public void paint ( Graphics g ) {
img = getImage( getDocumentBase(),"peep.jpg");
MediaTracker mt = new MediaTracker(this);
img = getImage( getDocumentBase(),"peep.jpg");
mt.addImage(img,0);
try {
   showStatus("loading image");
   mt.waitForAll();
}
catch (InterruptedException e){
   System.err.println("ERROR: "+e);
}
g.drawImage( img,0,0,this);
img.flush();
showStatus("Client Pull interval "+interval+"[ms]");
if ( flag == 1 ) {
   repaint(interval);
}
}
public void update(Graphics g) {
paint(g);
}
}

これから SinpleClientPull.class を生成します．プログラムが汚い？ご勘弁を．
JDKを使うなら，コマンドラインから，

C:\JDK\bin> javac SimpleClientPull

と打ちます．すると，SinpleClientPull.class が生成されるので，
peep-java.html は，

peep-java.html

<HTML><HEAD><TITLE>Javaのぞき穴</TITLE></HEAD>
<BODY>
Javaのぞき穴 
<APPLET CODE="SimpleClientPull.class" WIDTH=320 HEIGHT=240>
</APPLET>
Javaで画像のみを自動更新します
</BODY></HTML>

って感じで，画像の部分だけを，画像を送り，10秒待って，また送り，します．

○サーバ，クライアントともに負担が軽い
○更新時間を可変にできたり，かなり自由度が高い
×JAVAの立ち上がりに時間がかかる
×プログラミングの知識がいる

以上

・CU-SeeMeって手もありますよね．

リンク集

のぞき穴サイト

The Trojan Room Coffee Machine - 最も古いのぞき穴．ケンブリッジのコーヒーポットを見るサイト
JenniCAM - 1日50万人が見たという，ジェニーの私生活を見るサイト
世界の窓日本の窓 - のぞき穴リンク集

定点カメラシステム

AXIS NetEYE200+

QuickCam + Networkeye Frame Server 63,500円(OSE)
さらに廉価な、QuickCam に接続するシステム。

CANON WebView/Livescope 1,666,800円
専用のクライアントソフト(FreeWare)でカメラの向きを遠隔操作。
価格はソフト、機材込み。

Camera + Video Capture+ Mac + WebCamToo(FreeWare)
カメラと Mac さえあれば、のぞき穴が作れる。ただし、 Mac にはそれなりの
メモリとマシンパワーが要求される。

Camera + AT 互換機を用いるもの
WebCam32 Windows95/NT US$25
ISPy Windows95/NT US$89
WebCam FreeBSD ソースは公開していない?

特徴的なCamera

Canon VC-C3

QuickCam

PCMCIA VideoCapture

MediaVision CardCam-Video In/Capture

InterWare PicPon ZV

IBM PCMCIAスマート・キャプチャー・カード

Panasonic CF-JTV101

Sony SMMC-201J (Japan)

Camera & Capture Card いろいろ

以上，長々書きましたが，わかっていただけました？ ご質問などございましたら，お気軽にメール下さい．苦労は共有しましょう． ゲストブックに書いていただいてもかまいません．

中継中に枯れちゃったほうれん草

[TOP]

1998 Yuichiro Nakamura mailto:stevejobs@geocities.co.jp