ライブページの作成
パナソニックネットワークカメラＢＢ－ＨＣＭ３８１のオリジナルページ作成
基本ファイルはhttp://○○○.○○:○○/CgiStart?page=Single&Language=1をファイル→名前を付けて保存→Web ページ、完全で
gifも全て取得出来るので先に保存してからやると楽です。
5個のフレームで構成されています。画面をクリックすると大きく表示します。
【ディレクトリ構成例】
live_main.html (640x480)
live_main_s.html (320x240)
|
+-- frame / nphPanTiltControl.htm (640x480)
| nphPanTiltControl_s.htm (320x240)
| CgiTitle.htm (640x480)
| CgiTitle_s.htm (320x240)
| dummy.html (共通)
| bottom.html (共通)
+--/ image/ pad.gif
SnapShotButton.jpg
ZoomTele.gif
ZoomWide.gif
FocusNear.gif
FocusAuto.gif
focusFar.gif
PresetON01.gif～PresetON8.gif
PresetOFF01.gif～PresetOFF8.gif
各ファイル http://seiwacity.com:8080は環境に合わせて変更してください。
各ファイルの文字コードはcharset=euc-jpになってます。
環境に合わせてcharset=Shift_JISに書き換えて下さい。
記述に関しては
パナソニックサポート情報よりの見本を環境に合わせて使用しております。
2006/05/02現在 動画後10秒更新画面で画面上クリックするとhttp://seiwacity.com:8080/CgiStart?page=Singleへページが飛んでしまうのが修正できていません。これは仕様で仕方ない？？分かる人いれば教えてぇ～～！
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Frameset//EN">
<HTML>
<HEAD>
<TITLE>サンキュー堂ライブ</TITLE>
</HEAD>
<FRAMESET ROWS="23,*,0" FRAMEBORDER=0 BORDER=0 FRAMESPACING=0>
<!-- ROWS="23,*,0"はCgiTitle.htmとbottom.htmlの高さです 環境に合わせて変更して下さい。-->
<FRAME BGCOLOR="#C4CEEF" SCROLLING=no SRC="frame/CgiTitle.htm" NAME="top">
<FRAMESET COLS="123,*" FRAMEBORDER=0 BORDER=0 FRAMESPACING=0>
<FRAMESET ROWS="20,*">
<!-- dummy.htmlの高さ-->
<FRAME BGCOLOR="#C4CEEF" SCROLLING=no SRC="frame/dummy.html" NAME="Message">
<!-- 左上フレーム：第一のカメラのパンチルト制御パッド表示フレーム -->
<FRAME BGCOLOR="#C4CEEF" SCROLLING=no SRC="frame/nphPanTiltControl.htm" NAME="Control">
</FRAMESET>
<!-- 右フレーム：動画像表示フレーム -->
<FRAME SRC="http://seiwacity.com:8080/ImageViewer?Mode=Motion&Resolution=640x480&Quality=Standard&Interval=10" NAME="right">
</FRAMESET>
<!-- 最下部：フッタなどを記載するためのフレーム -->
<FRAME BGCOLOR="#C4CEEF" SCROLLING=no SRC="frame/bottom.html" NAME="bottom" FRAMEBORDER=0 BORDER=0 FRAMESPACING=0>>
<NOFRAMES>
<BODY>
<!-- フレーム未対応ブラウザのユーザーへの対応のためのHTMLを記載する -->
フレームに対応したブラウザでご覧ください。
</BODY>
</NOFRAMES>
</FRAMESET>
</HTML>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Frameset//EN">
<HTML>
<HEAD>
<TITLE>サンキュー堂ライブ</TITLE>
</HEAD>
<FRAMESET ROWS="23,*,0" FRAMEBORDER=0 BORDER=0 FRAMESPACING=0>
<!-- 最上部：タイトルなどを記載するためのフレーム -->
<FRAME BGCOLOR="#C4CEEF" SCROLLING=no SRC="frame/CgiTitle_s.htm" NAME="top">
<FRAMESET COLS="123,*" FRAMEBORDER=0 BORDER=0 FRAMESPACING=0>
<FRAMESET ROWS="20,*">
<!-- 左下フレーム：パンチルト制御CGI応答用ダミーフレーム -->
<!-- 注意：このフレーム名"Message"は"frame/control1.html"内部で使用しています。-->
<FRAME BGCOLOR="#C4CEEF" SCROLLING=no SRC="frame/dummy.html" NAME="Message">
<!-- 左上フレーム：第一のカメラのパンチルト制御パッド表示フレーム -->
<FRAME BGCOLOR="#C4CEEF" SCROLLING=no SRC="frame/nphPanTiltControl_s.htm" NAME="Control">
</FRAMESET>
<!-- 右フレーム：動画像表示フレーム -->
<FRAME SRC="http://seiwacity.com:8080/ImageViewer?Mode=Motion&Resolution=320x240&Quality=Standard&Interval=10" NAME="right">
</FRAMESET>
<!-- 最下部：フッタなどを記載するためのフレーム -->
<FRAME BGCOLOR="#C4CEEF" SCROLLING=no SRC="frame/bottom.html" NAME="bottom" FRAMEBORDER=0 BORDER=0 FRAMESPACING=0>>
<NOFRAMES>
<BODY>
<!-- フレーム未対応ブラウザのユーザーへの対応のためのHTMLを記載する -->
フレームに対応したブラウザでご覧ください。
</BODY>
</NOFRAMES>
</FRAMESET>
</HTML>
2006/04/29 19:30 初回から少し変更しました。
2006/05/01 16:20 11行目http://seiwacity.com:8080/を追加(nphPanTiltControl_s.htmも同様)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<!-- saved from url=(0130)http://seiwacity.com:8080/nphPanTiltControl?Resolution=640x480&Quality=Standard&Size=STD&PresetOperation=Move&Language=1&RPeriod=0 -->
<HTML><HEAD><TITLE>nphPanTiltControl</TITLE>
<META http-equiv=expires content=0>
<META http-equiv=Pragma content=no-cache>
<META http-equiv=Cache-Control content=no-cache>
<META content=NONE name=ROBOTS>
<META content=NOINDEX,NOFOLLOW name=ROBOTS>
<META http-equiv=Content-type content="text/html; charset=euc-jp">
<META http-equiv=Refresh
content=300;URL=http://seiwacity.com:8080/nphPanTiltControl?Resolution=640x480&Quality=Standard&RPeriod=10&Size=STD&Language=1>
<META http-equiv=Content-Style-Type content=text/css>
<META http-equiv=Content-Script-Type content=text/javascript>
<SCRIPT type=text/javascript>
<!--
var obj;
function doInit() {
if (document.layers) {
objlist = document.layers;
for (i = 0; i < objlist.length; i++) {
if ( (objlist[i].name == "FOCUSFAR") ||
(objlist[i].name == "FOCUSNEAR") ) {
objlist[i].captureEvents(Event.MOUSEDOWN);
objlist[i].onmousedown = onMouseDown;
objlist[i].captureEvents(Event.CLICK);
objlist[i].onclick = onClick;
objlist[i].captureEvents(Event.DBLCLICK);
objlist[i].ondblclick = onDblClick;
objlist[i].captureEvents(Event.MOUSEUP);
objlist[i].onmouseup = onMouseUp;
}
}
} else if( (document.all) || (document.getElementsByTagName) ) {
if (document.all) {
objlist = document.all.tags("SPAN");
} else if (document.getElementsByTagName) {
objlist = document.getElementsByTagName("SPAN");
for (i = 0; i < objlist.length; i++) {
if ( (objlist[i].id == "ZOOMWIDE") ||
(objlist[i].id == "ZOOMTELE") ) {
objlist[i].style.top=114;
} else if( (objlist[i].id == "FOCUSFAR") ||
(objlist[i].id == "FOCUSNEAR") ||
(objlist[i].id == "FOCUSAUTO") ) {
objlist[i].style.top=149;
}
}
}
for (i = 0; i < objlist.length; i++) {
if ( (objlist[i].id == "FOCUSFAR") ||
(objlist[i].id == "FOCUSNEAR") ) {
objlist[i].onclick = onClick;
objlist[i].ondblclick = onDblClick;
}
}
} else {
return;
}
}
function onClick(e) {
obj = this;
if (document.layers) {
if ( (obj.name == "FOCUSNEAR") ||
(obj.name == "FOCUSFAR") ) {
sendCamera(obj.name, 1);
}
} else if ( (document.all) ||
(document.getElementsByTagName) ) {
if ( (obj.id == "FOCUSNEAR") ||
(obj.id == "FOCUSFAR") ) {
sendCamera(obj.id, 1);
}
}
}
function onDblClick(e) {
if (document.layers) {
if (!obj) {
return true;
}
if ( (obj.name == "FOCUSNEAR") ||
(obj.name == "FOCUSFAR") ) {
sendCamera(obj.name, 2);
}
} else if ( (document.all) ||
(document.getElementsByTagName) ) {
if ( (obj.id == "FOCUSNEAR") ||
(obj.id == "FOCUSFAR") ) {
sendCamera(obj.id, 2);
}
}
}
function onMouseDown(e) {
obj = this;
if (document.layers) {
if ( (obj.name == "FOCUSNEAR") ||
(obj.name == "FOCUSFAR") ) {
}
} else {
obj = null;
return false;
}
}
function onMouseUp(e) {
if (!obj) {
return true;
}
if (document.layers) {
if ( (obj.name == "FOCUSNEAR") ||
(obj.name == "FOCUSFAR") ) {
sendCamera(obj.name, 1);
}
}
}
function sendCamera(kind, dist) {
hrefsrc = "http://seiwacity.com:8080/nphControlCamera";
if (document.layers) {
hrefsrc += document.links[document.links.length-1].search;
indexBright = hrefsrc.indexOf("Direction=FocusAuto&");
if( indexBright > 0 ) {
substr1 = hrefsrc.substr(0,indexBright);
substr2 = hrefsrc.substr(
(indexBright+("Direction=FocusAuto&".length)) );
hrefsrc = substr1 + substr2;
}
hrefsrc += "&Sound=Enable";
if (kind == "FOCUSNEAR") {
hrefsrc += "&Direction=FocusNear" + "&Dist=" + dist;
parent.Message.location.href = hrefsrc;
} else if (kind == "FOCUSFAR") {
hrefsrc += "&Direction=FocusFar" + "&Dist=" + dist;
parent.Message.location.href = hrefsrc;
}
if (dist==2) {
obj=null;
}
} else if ( (document.all) ||
(document.getElementsByTagName) ) {
for (i=0; i<document.links.length; ++i) {
if (document.links[i].id == "DUMMY") {
hrefsrc += document.links[i].search;
indexBright = hrefsrc.indexOf("Direction=FocusAuto&");
if (indexBright > 0) {
substr1 = hrefsrc.substr(0,indexBright);
substr2 = hrefsrc.substr(
(indexBright+("Direction=FocusAuto&".length)) );
hrefsrc = substr1 + substr2;
}
break;
}
}
hrefsrc += "&Sound=Enable";
if (kind == "FOCUSNEAR") {
hrefsrc += "&Direction=FocusNear" + "&Dist=" + dist;
parent.Message.location.href = hrefsrc;
} else if (kind == "FOCUSFAR") {
hrefsrc += "&Direction=FocusFar" + "&Dist=" + dist;
parent.Message.location.href = hrefsrc;
}
if (dist==2) {
obj=null;
}
}
}
//-->
</SCRIPT>
<META content="MSHTML 6.00.2900.2873" name=GENERATOR></HEAD>
<BODY text=#ffffff vLink=#ffffff aLink=#ffffff link=#ffffff bgColor=#c4ceef
topMargin=0 onload=doInit() MARGINHEIGHT="0">
<SCRIPT language=JavaScript>
<!--
function ChangeRPeriod(RPeriod) {
top.location.href = "CgiStart?page=Single&Resolution=640x480&Quality=Standard&RPeriod="+RPeriod+"&Size=STD&PresetOperation=Move&Language=1";
}
//-->
</SCRIPT>
<SCRIPT language=JavaScript>
<!--
function alertOutput(a){
document.f.OutputType.value = a;
if(a == 1) {
document.f.OutputName.value = document.f.oButton.value;
} else {
document.f.OutputName.value = document.f.cButton.value;
}
document.f.submit();
return;
}
function ChangePreset(Val) {
var Type = "Preset";
if (Val == "-1") {
return;
} else if (Val == "HomePosition") {
Type = "HomePosition";
Val = "0";
} else if (Val == "Alarm1"){
Type = "Alarm";
Val = "1";
} else if (Val == "Alarm2") {
Type = "Alarm";
Val = "2";
} else if (Val == "Sensor1") {
Type = "Sensor";
Val = "1";
}
var Dir = "Preset";
if (Type == "HomePosition") {
Dir = "HomePosition";
}
parent.Message.location.href = "http://seiwacity.com:8080/nphControlCamera?Direction=" + Dir + "&Data=" + Val + "&Resolution=640x480&Quality=Standard&RPeriod=0&Size=STD&PresetOperation=Move&Language=1&Type=" + Type;
document.pf.presetSelect.selectedIndex = 0;
}
//-->
</SCRIPT>
<!-- ** Pan/Tilt & HomePos. ** -->
<TABLE cellSpacing=0 cellPadding=0 width=94 border=0>
<TBODY>
<TR>
<TD><FONT style="FONT-SIZE: 11px" face=Arial
color=#000000> パン／チルト</FONT></TD></TR>
<TR>
<TD height=1></TD></TR>
<TR>
<TD align=middle bgColor=#c4ceef><IMG height=98
src="image/pad.gif" width=90 useMap=#pad border=0><MAP
name=pad> <AREA title=パンスキャン shape=CIRCLE target=Message alt=パンスキャン
coords=12,12,10
href="http://seiwacity.com:8080/nphControlCamera?Direction=PanScan&Resolution=640x480&Quality=Standard&RPeriod=0&Size=STD&PresetOperation=Move&Language=1"><AREA
title=チルトスキャン shape=CIRCLE target=Message alt=チルトスキャン coords=78,12,10
href="http://seiwacity.com:8080/nphControlCamera?Direction=TiltScan&Resolution=640x480&Quality=Standard&RPeriod=0&Size=STD&PresetOperation=Move&Language=1"><AREA
title=チルトアップ shape=CIRCLE target=Message alt=チルトアップ coords=45,33,10
href="http://seiwacity.com:8080/nphControlCamera?Direction=TiltUp&Resolution=640x480&Quality=Standard&RPeriod=0&Size=STD&PresetOperation=Move&Language=1"><AREA
title=パンレフト shape=CIRCLE target=Message alt=パンレフト coords=20,58,10
href="http://seiwacity.com:8080/nphControlCamera?Direction=PanLeft&Resolution=640x480&Quality=Standard&RPeriod=0&Size=STD&PresetOperation=Move&Language=1"><AREA
title=ホームポジション shape=CIRCLE target=Message alt=ホームポジション coords=45,58,10
href="http://seiwacity.com:8080/nphControlCamera?Direction=HomePosition&Resolution=640x480&Quality=Standard&RPeriod=0&Size=STD&PresetOperation=Move&Language=1"><AREA
title=パンライト shape=CIRCLE target=Message alt=パンライト coords=70,58,10
href="http://seiwacity.com:8080/nphControlCamera?Direction=PanRight&Resolution=640x480&Quality=Standard&RPeriod=0&Size=STD&PresetOperation=Move&Language=1"><AREA
title=チルトダウン shape=CIRCLE target=Message alt=チルトダウン coords=45,83,10
href="http://seiwacity.com:8080/nphControlCamera?Direction=TiltDown&Resolution=640x480&Quality=Standard&RPeriod=0&Size=STD&PresetOperation=Move&Language=1"></MAP></TD></TR></TBODY></TABLE>
<TABLE cellSpacing=0 cellPadding=0 width=94 border=0>
<TBODY>
<TR>
<TD height=3></TD></TR></TBODY></TABLE><!-- ** Zoom ** -->
<TABLE cellSpacing=0 cellPadding=0 width=94 bgColor=#9aaaca border=0>
<TBODY>
<TR>
<TD height=1></TD></TR>
<TR>
<TD align=left><SPAN id=ZOOMTELE><A
href="http://seiwacity.com:8080/nphControlCamera?Direction=ZoomTele&Resolution=640x480&Quality=Standard&RPeriod=0&Size=STD&PresetOperation=Move&Language=1"
target=Message><IMG title=テレ alt=テレ
src="image/ZoomTele.gif" border=0
name=zoomTele></A></SPAN></TD>
<TD vAlign=center align=middle height=18><FONT style="FONT-SIZE: 10px"
face=Arial color=#000000><B>ズーム</B></FONT></TD>
<TD align=right><SPAN id=ZOOMWIDE><A
href="http://seiwacity.com:8080/nphControlCamera?Direction=ZoomWide&Resolution=640x480&Quality=Standard&RPeriod=0&Size=STD&PresetOperation=Move&Language=1"
target=Message><IMG title=ワイド alt=ワイド
src="image/ZoomWide.gif" border=0
name=zoomWide></A></SPAN></TD></TR></TBODY></TABLE>
<TABLE cellSpacing=0 cellPadding=0 width=94 border=0>
<TBODY>
<TR>
<TD height=3></TD></TR></TBODY></TABLE><!-- ** Focus ** -->
<TABLE cellSpacing=0 cellPadding=0 width=94 bgColor=#9aaaca border=0>
<TBODY>
<TR>
<TD colSpan=3 height=1></TD></TR>
<TR>
<TD vAlign=top align=middle colSpan=3><FONT style="FONT-SIZE: 10px"
face=Arial color=#000000><B>フォーカス</B></FONT></TD></TR><!-- ** Focus map ** -->
<TR>
<TD align=left><SPAN id=FOCUSNEAR style="CURSOR: pointer"><IMG title=近く
alt=近く src="image/FocusNear.gif" border=0
name=focusNear></SPAN></TD>
<TD align=middle><SPAN id=FOCUSAUTO><A id=DUMMY
href="http://seiwacity.com:8080/nphControlCamera?Direction=FocusAuto&Resolution=640x480&Quality=Standard&RPeriod=0&Size=STD&PresetOperation=Move&Language=1"
target=Message><IMG title=自動 alt=自動
src="image/FocusAuto.gif" border=0
name=focusAuto></A></SPAN></TD>
<TD align=right><SPAN id=FOCUSFAR style="CURSOR: pointer"><IMG title=遠く
alt=遠く src="image/focusFar.gif" border=0
name=FocusFar></SPAN></TD></TR></TBODY></TABLE>
<TABLE cellSpacing=0 cellPadding=0 width=94 border=0>
<TBODY>
<TR>
<TD height=3></TD></TR></TBODY></TABLE><!-- ** Preset ** -->
<TABLE cellSpacing=0 cellPadding=0 width=94 border=0>
<TBODY>
<TR>
<TD vAlign=center align=left height=11><FONT style="FONT-SIZE: 11px"
face=Arial color=#000000> プリセット</FONT></TD></TR></TBODY></TABLE><!-- ** Preset Control ** -->
<TABLE cellSpacing=0 cellPadding=2 width=94 bgColor=#9aaaca border=0>
<TBODY>
<TR>
<TD vAlign=center align=middle width=18 height=18><A
href="http://seiwacity.com:8080/nphControlCamera?Direction=Preset&PresetOperation=Move&Data=1&Resolution=640x480&Quality=Standard&RPeriod=0&Size=STD&Language=1"
target=Message><IMG title=内部温度 height=18 alt=内部温度
src="image/PresetOFF01.gif" width=18 border=0></A></TD>
<TD vAlign=center align=middle width=18 height=18><A
href="http://seiwacity.com:8080/nphControlCamera?Direction=Preset&PresetOperation=Move&Data=2&Resolution=640x480&Quality=Standard&RPeriod=0&Size=STD&Language=1"
target=Message><IMG title=JR奈良方面 height=18 alt=JR奈良方面
src="image/PresetOFF02.gif" width=18 border=0></A></TD>
<TD vAlign=center align=middle width=18 height=18><A
href="http://seiwacity.com:8080/nphControlCamera?Direction=Preset&PresetOperation=Move&Data=3&Resolution=640x480&Quality=Standard&RPeriod=0&Size=STD&Language=1"
target=Message><IMG title=JR大阪方面 height=18 alt=JR大阪方面
src="image/PresetOFF03.gif" width=18 border=0></A></TD>
<TD vAlign=center align=middle width=18 height=18><IMG title="" height=18
alt="" src="image/PresetON04.gif" width=18
border=0></TD></TR>
<TR>
<TD vAlign=center align=middle width=18 height=18><IMG title="" height=18
alt="" src="image/PresetON05.gif" width=18 border=0></TD>
<TD vAlign=center align=middle width=18 height=18><IMG title="" height=18
alt="" src="image/PresetON06.gif" width=18 border=0></TD>
<TD vAlign=center align=middle width=18 height=18><IMG title="" height=18
alt="" src="image/PresetON07.gif" width=18 border=0></TD>
<TD vAlign=center align=middle width=18 height=18><IMG title="" height=18
alt="" src="image/PresetON08.gif" width=18
border=0></TD></TR></TBODY></TABLE>
<TABLE cellSpacing=0 cellPadding=0 width=94 border=0>
<TBODY>
<TR>
<TD style="WIDTH: 94px" bgColor=#9aaaca>
<DIV align=center>
<FORM style="MARGIN: 0px" name=pf action=# method=post><SELECT
style="FONT-SIZE: 12px; BACKGROUND: #1961df; WIDTH: 113px; COLOR: #ffffff"
onchange=ChangePreset(this.value) name=presetSelect> <OPTION
selected>-プリセット-</OPTION> <OPTION value=HomePosition>ホームポジション</OPTION>
<OPTION value=1>1.内部温度</OPTION> <OPTION value=2>2.JR奈良方面</OPTION>
<OPTION value=3>3.JR大阪方面</OPTION></SELECT>
</FORM></DIV></TD></TR></TBODY></TABLE>
<TABLE cellSpacing=0 cellPadding=0 width=94 border=0>
<TBODY>
<TR>
<TD height=3></TD></TR></TBODY></TABLE><!-- ** Brightness ** -->
<TABLE cellSpacing=0 cellPadding=0 width=94 border=0>
<TBODY>
<TR>
<TD vAlign=center align=left><FONT style="FONT-SIZE: 11px" face=Arial
color=#000000> 明るさ</FONT></TD></TR>
<TR>
<TD><!-- ** Brightness map ** -->
<TABLE cellSpacing=1 cellPadding=0 width=92 border=0>
<TBODY>
<TR>
<TD vAlign=center align=middle width=28 bgColor=#1961df height=17><A
style="WIDTH: 28px; TEXT-DECORATION: none"
href="http://seiwacity.com:8080/nphControlCamera?Direction=Darker&Resolution=640x480&Quality=Standard&RPeriod=0&Size=STD&PresetOperation=Move&Language=1"
target=Message><FONT style="FONT-SIZE: 11px"
face=Impact> <B>-</B> </FONT></A></TD>
<TD vAlign=center align=middle width=28 bgColor=#1961df height=17><A
style="WIDTH: 28px; TEXT-DECORATION: none"
href="http://seiwacity.com:8080/nphControlCamera?Direction=DefaultBrightness&Resolution=640x480&Quality=Standard&RPeriod=0&Size=STD&PresetOperation=Move&Language=1"
target=Message><FONT style="FONT-SIZE: 11px"
face=Arial>標準</FONT></A></TD>
<TD vAlign=center align=middle width=28 bgColor=#1961df height=17><A
style="WIDTH: 28px; TEXT-DECORATION: none"
href="http://seiwacity.com:8080/nphControlCamera?Direction=Brighter&Resolution=640x480&Quality=Standard&RPeriod=0&Size=STD&PresetOperation=Move&Language=1"
target=Message><FONT style="FONT-SIZE: 11px"
face=Arial> <B>+</B> </FONT></A></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE><!-- ** Resolution ** -->
<TABLE cellSpacing=0 cellPadding=0 width=94 border=0>
<TBODY>
<TR>
<TD colSpan=2><FONT style="FONT-SIZE: 11px" face=Arial
color=#000000> 解像度</FONT></TD></TR>
<TR>
<TD colSpan=2 height=1></TD></TR>
<TR>
<TD vAlign=center align=middle width=18 bgColor=#cc6666 height=17>*</TD>
<TD vAlign=center width=72 bgColor=#34769c height=17><A
style="WIDTH: 72px; TEXT-DECORATION: none"
target=_top><FONT style="FONT-SIZE: 11px"
face=Arial> 640x480 </FONT></A></TD></TR>
<TR>
<TD colSpan=2 height=3></TD></TR>
<TR>
<TD vAlign=center align=middle width=18 bgColor=#34769c
height=17> </TD>
<TD vAlign=center width=72 bgColor=#34769c height=17><A
style="WIDTH: 72px; TEXT-DECORATION: none"
href="http://seiwacity.com/live_main_s.html"
target=_top><FONT style="FONT-SIZE: 11px"
face=Arial> 320x240 </FONT></A></TD></TR>
<TR>
<TD colSpan=2 height=1></TD></TR></TBODY></TABLE><!-- ** Image quality ** -->
<!--
<TABLE cellSpacing=0 cellPadding=0 width=94 border=0>
<TBODY>
<TR>
<TD vAlign=center colSpan=2><FONT style="FONT-SIZE: 11px" face=Arial
color=#000000> 画質 </FONT></TD></TR>
<TR>
<TD colSpan=2 height=1></TD></TR>
<TR>
<TD vAlign=center align=middle width=18 bgColor=#34769c
height=17> </TD>
<TD vAlign=center width=72 bgColor=#34769c height=17><A
style="WIDTH: 72px; TEXT-DECORATION: none"
href="http://seiwacity.com:8080/CgiStart?page=Single&Resolution=640x480&Quality=Clarity&RPeriod=0&Size=STD&PresetOperation=Move&Language=1"
target=_top><FONT style="FONT-SIZE: 11px"
face=Arial> 画質優先</FONT></A></TD></TR>
<TR>
<TD colSpan=2 height=3></TD></TR>
<TR>
<TD vAlign=center align=middle width=18 bgColor=#cc6666 height=17>*</TD>
<TD vAlign=center width=72 bgColor=#34769c height=17><A
style="WIDTH: 72px; TEXT-DECORATION: none"
href="http://seiwacity.com:8080/CgiStart?page=Single&Resolution=640x480&Quality=Standard&RPeriod=0&Size=STD&PresetOperation=Move&Language=1"
target=_top><FONT style="FONT-SIZE: 11px"
face=Arial> 標準</FONT></A></TD></TR>
<TR>
<TD colSpan=2 height=3></TD></TR>
<TR>
<TD vAlign=center align=middle width=18 bgColor=#34769c
height=17> </TD>
<TD vAlign=center width=72 bgColor=#34769c height=17><A
style="WIDTH: 72px; TEXT-DECORATION: none"
href="http://seiwacity.com:8080/CgiStart?page=Single&Resolution=640x480&Quality=Motion&RPeriod=0&Size=STD&PresetOperation=Move&Language=1"
target=_top><FONT style="FONT-SIZE: 11px"
face=Arial> 動き優先</FONT></A></TD></TR> -->
<TR>
<TD colSpan=2 height=1></TD></TR></TBODY></TABLE></BODY></HTML>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<!-- saved from url=(0130)http://seiwacity.com:8080/nphPanTiltControl?Resolution=320x240&Quality=Standard&Size=STD&PresetOperation=Move&Language=1&RPeriod=0 -->
<HTML><HEAD><TITLE>nphPanTiltControl</TITLE>
<META http-equiv=expires content=0>
<META http-equiv=Pragma content=no-cache>
<META http-equiv=Cache-Control content=no-cache>
<META content=NONE name=ROBOTS>
<META content=NOINDEX,NOFOLLOW name=ROBOTS>
<META http-equiv=Content-type content="text/html; charset=euc-jp">
<META http-equiv=Refresh
content=300;URL=http://seiwacity.com:8080/nphPanTiltControl?Resolution=320x240&Quality=Standard&RPeriod=10&Size=STD&Language=1>
<META http-equiv=Content-Style-Type content=text/css>
<META http-equiv=Content-Script-Type content=text/javascript>
<SCRIPT type=text/javascript>
<!--
var obj;
function doInit() {
if (document.layers) {
objlist = document.layers;
for (i = 0; i < objlist.length; i++) {
if ( (objlist[i].name == "FOCUSFAR") ||
(objlist[i].name == "FOCUSNEAR") ) {
objlist[i].captureEvents(Event.MOUSEDOWN);
objlist[i].onmousedown = onMouseDown;
objlist[i].captureEvents(Event.CLICK);
objlist[i].onclick = onClick;
objlist[i].captureEvents(Event.DBLCLICK);
objlist[i].ondblclick = onDblClick;
objlist[i].captureEvents(Event.MOUSEUP);
objlist[i].onmouseup = onMouseUp;
}
}
} else if( (document.all) || (document.getElementsByTagName) ) {
if (document.all) {
objlist = document.all.tags("SPAN");
} else if (document.getElementsByTagName) {
objlist = document.getElementsByTagName("SPAN");
for (i = 0; i < objlist.length; i++) {
if ( (objlist[i].id == "ZOOMWIDE") ||
(objlist[i].id == "ZOOMTELE") ) {
objlist[i].style.top=114;
} else if( (objlist[i].id == "FOCUSFAR") ||
(objlist[i].id == "FOCUSNEAR") ||
(objlist[i].id == "FOCUSAUTO") ) {
objlist[i].style.top=149;
}
}
}
for (i = 0; i < objlist.length; i++) {
if ( (objlist[i].id == "FOCUSFAR") ||
(objlist[i].id == "FOCUSNEAR") ) {
objlist[i].onclick = onClick;
objlist[i].ondblclick = onDblClick;
}
}
} else {
return;
}
}
function onClick(e) {
obj = this;
if (document.layers) {
if ( (obj.name == "FOCUSNEAR") ||
(obj.name == "FOCUSFAR") ) {
sendCamera(obj.name, 1);
}
} else if ( (document.all) ||
(document.getElementsByTagName) ) {
if ( (obj.id == "FOCUSNEAR") ||
(obj.id == "FOCUSFAR") ) {
sendCamera(obj.id, 1);
}
}
}
function onDblClick(e) {
if (document.layers) {
if (!obj) {
return true;
}
if ( (obj.name == "FOCUSNEAR") ||
(obj.name == "FOCUSFAR") ) {
sendCamera(obj.name, 2);
}
} else if ( (document.all) ||
(document.getElementsByTagName) ) {
if ( (obj.id == "FOCUSNEAR") ||
(obj.id == "FOCUSFAR") ) {
sendCamera(obj.id, 2);
}
}
}
function onMouseDown(e) {
obj = this;
if (document.layers) {
if ( (obj.name == "FOCUSNEAR") ||
(obj.name == "FOCUSFAR") ) {
}
} else {
obj = null;
return false;
}
}
function onMouseUp(e) {
if (!obj) {
return true;
}
if (document.layers) {
if ( (obj.name == "FOCUSNEAR") ||
(obj.name == "FOCUSFAR") ) {
sendCamera(obj.name, 1);
}
}
}
function sendCamera(kind, dist) {
hrefsrc = "http://seiwacity.com:8080/nphControlCamera";
if (document.layers) {
hrefsrc += document.links[document.links.length-1].search;
indexBright = hrefsrc.indexOf("Direction=FocusAuto&");
if( indexBright > 0 ) {
substr1 = hrefsrc.substr(0,indexBright);
substr2 = hrefsrc.substr(
(indexBright+("Direction=FocusAuto&".length)) );
hrefsrc = substr1 + substr2;
}
hrefsrc += "&Sound=Enable";
if (kind == "FOCUSNEAR") {
hrefsrc += "&Direction=FocusNear" + "&Dist=" + dist;
parent.Message.location.href = hrefsrc;
} else if (kind == "FOCUSFAR") {
hrefsrc += "&Direction=FocusFar" + "&Dist=" + dist;
parent.Message.location.href = hrefsrc;
}
if (dist==2) {
obj=null;
}
} else if ( (document.all) ||
(document.getElementsByTagName) ) {
for (i=0; i<document.links.length; ++i) {
if (document.links[i].id == "DUMMY") {
hrefsrc += document.links[i].search;
indexBright = hrefsrc.indexOf("Direction=FocusAuto&");
if (indexBright > 0) {
substr1 = hrefsrc.substr(0,indexBright);
substr2 = hrefsrc.substr(
(indexBright+("Direction=FocusAuto&".length)) );
hrefsrc = substr1 + substr2;
}
break;
}
}
hrefsrc += "&Sound=Enable";
if (kind == "FOCUSNEAR") {
hrefsrc += "&Direction=FocusNear" + "&Dist=" + dist;
parent.Message.location.href = hrefsrc;
} else if (kind == "FOCUSFAR") {
hrefsrc += "&Direction=FocusFar" + "&Dist=" + dist;
parent.Message.location.href = hrefsrc;
}
if (dist==2) {
obj=null;
}
}
}
//-->
</SCRIPT>
<META content="MSHTML 6.00.2900.2873" name=GENERATOR></HEAD>
<BODY text=#ffffff vLink=#ffffff aLink=#ffffff link=#ffffff bgColor=#c4ceef
topMargin=0 onload=doInit() MARGINHEIGHT="0">
<SCRIPT language=JavaScript>
<!--
function ChangeRPeriod(RPeriod) {
top.location.href = "CgiStart?page=Single&Resolution=320x240&Quality=Standard&RPeriod="+RPeriod+"&Size=STD&PresetOperation=Move&Language=1";
}
//-->
</SCRIPT>
<SCRIPT language=JavaScript>
<!--
function alertOutput(a){
document.f.OutputType.value = a;
if(a == 1) {
document.f.OutputName.value = document.f.oButton.value;
} else {
document.f.OutputName.value = document.f.cButton.value;
}
document.f.submit();
return;
}
function ChangePreset(Val) {
var Type = "Preset";
if (Val == "-1") {
return;
} else if (Val == "HomePosition") {
Type = "HomePosition";
Val = "0";
} else if (Val == "Alarm1"){
Type = "Alarm";
Val = "1";
} else if (Val == "Alarm2") {
Type = "Alarm";
Val = "2";
} else if (Val == "Sensor1") {
Type = "Sensor";
Val = "1";
}
var Dir = "Preset";
if (Type == "HomePosition") {
Dir = "HomePosition";
}
parent.Message.location.href = "http://seiwacity.com:8080/nphControlCamera?Direction=" + Dir + "&Data=" + Val + "&Resolution=320x240&Quality=Standard&RPeriod=0&Size=STD&PresetOperation=Move&Language=1&Type=" + Type;
document.pf.presetSelect.selectedIndex = 0;
}
//-->
</SCRIPT>
<!-- ** Pan/Tilt & HomePos. ** -->
<TABLE cellSpacing=0 cellPadding=0 width=94 border=0>
<TBODY>
<TR>
<TD><FONT style="FONT-SIZE: 11px" face=Arial
color=#000000> パン／チルト</FONT></TD></TR>
<TR>
<TD height=1></TD></TR>
<TR>
<TD align=middle bgColor=#c4ceef><IMG height=98
src="image/pad.gif" width=90 useMap=#pad border=0><MAP
name=pad> <AREA title=パンスキャン shape=CIRCLE target=Message alt=パンスキャン
coords=12,12,10
href="http://seiwacity.com:8080/nphControlCamera?Direction=PanScan&Resolution=320x240&Quality=Standard&RPeriod=0&Size=STD&PresetOperation=Move&Language=1"><AREA
title=チルトスキャン shape=CIRCLE target=Message alt=チルトスキャン coords=78,12,10
href="http://seiwacity.com:8080/nphControlCamera?Direction=TiltScan&Resolution=320x240&Quality=Standard&RPeriod=0&Size=STD&PresetOperation=Move&Language=1"><AREA
title=チルトアップ shape=CIRCLE target=Message alt=チルトアップ coords=45,33,10
href="http://seiwacity.com:8080/nphControlCamera?Direction=TiltUp&Resolution=320x240&Quality=Standard&RPeriod=0&Size=STD&PresetOperation=Move&Language=1"><AREA
title=パンレフト shape=CIRCLE target=Message alt=パンレフト coords=20,58,10
href="http://seiwacity.com:8080/nphControlCamera?Direction=PanLeft&Resolution=320x240&Quality=Standard&RPeriod=0&Size=STD&PresetOperation=Move&Language=1"><AREA
title=ホームポジション shape=CIRCLE target=Message alt=ホームポジション coords=45,58,10
href="http://seiwacity.com:8080/nphControlCamera?Direction=HomePosition&Resolution=320x240&Quality=Standard&RPeriod=0&Size=STD&PresetOperation=Move&Language=1"><AREA
title=パンライト shape=CIRCLE target=Message alt=パンライト coords=70,58,10
href="http://seiwacity.com:8080/nphControlCamera?Direction=PanRight&Resolution=320x240&Quality=Standard&RPeriod=0&Size=STD&PresetOperation=Move&Language=1"><AREA
title=チルトダウン shape=CIRCLE target=Message alt=チルトダウン coords=45,83,10
href="http://seiwacity.com:8080/nphControlCamera?Direction=TiltDown&Resolution=320x240&Quality=Standard&RPeriod=0&Size=STD&PresetOperation=Move&Language=1"></MAP></TD></TR></TBODY></TABLE>
<TABLE cellSpacing=0 cellPadding=0 width=94 border=0>
<TBODY>
<TR>
<TD height=3></TD></TR></TBODY></TABLE><!-- ** Zoom ** -->
<TABLE cellSpacing=0 cellPadding=0 width=94 bgColor=#9aaaca border=0>
<TBODY>
<TR>
<TD height=1></TD></TR>
<TR>
<TD align=left><SPAN id=ZOOMTELE><A
href="http://seiwacity.com:8080/nphControlCamera?Direction=ZoomTele&Resolution=320x240&Quality=Standard&RPeriod=0&Size=STD&PresetOperation=Move&Language=1"
target=Message><IMG title=テレ alt=テレ
src="image/ZoomTele.gif" border=0
name=zoomTele></A></SPAN></TD>
<TD vAlign=center align=middle height=18><FONT style="FONT-SIZE: 10px"
face=Arial color=#000000><B>ズーム</B></FONT></TD>
<TD align=right><SPAN id=ZOOMWIDE><A
href="http://seiwacity.com:8080/nphControlCamera?Direction=ZoomWide&Resolution=320x240&Quality=Standard&RPeriod=0&Size=STD&PresetOperation=Move&Language=1"
target=Message><IMG title=ワイド alt=ワイド
src="image/ZoomWide.gif" border=0
name=zoomWide></A></SPAN></TD></TR></TBODY></TABLE>
<TABLE cellSpacing=0 cellPadding=0 width=94 border=0>
<TBODY>
<TR>
<TD height=3></TD></TR></TBODY></TABLE><!-- ** Focus ** -->
<TABLE cellSpacing=0 cellPadding=0 width=94 bgColor=#9aaaca border=0>
<TBODY>
<TR>
<TD colSpan=3 height=1></TD></TR>
<TR>
<TD vAlign=top align=middle colSpan=3><FONT style="FONT-SIZE: 10px"
face=Arial color=#000000><B>フォーカス</B></FONT></TD></TR><!-- ** Focus map ** -->
<TR>
<TD align=left><SPAN id=FOCUSNEAR style="CURSOR: pointer"><IMG title=近く
alt=近く src="image/FocusNear.gif" border=0
name=focusNear></SPAN></TD>
<TD align=middle><SPAN id=FOCUSAUTO><A id=DUMMY
href="http://seiwacity.com:8080/nphControlCamera?Direction=FocusAuto&Resolution=320x240&Quality=Standard&RPeriod=0&Size=STD&PresetOperation=Move&Language=1"
target=Message><IMG title=自動 alt=自動
src="image/FocusAuto.gif" border=0
name=focusAuto></A></SPAN></TD>
<TD align=right><SPAN id=FOCUSFAR style="CURSOR: pointer"><IMG title=遠く
alt=遠く src="image/focusFar.gif" border=0
name=FocusFar></SPAN></TD></TR></TBODY></TABLE>
<TABLE cellSpacing=0 cellPadding=0 width=94 border=0>
<TBODY>
<TR>
<TD height=3></TD></TR></TBODY></TABLE><!-- ** Preset ** -->
<TABLE cellSpacing=0 cellPadding=0 width=94 border=0>
<TBODY>
<TR>
<TD vAlign=center align=left height=11><FONT style="FONT-SIZE: 11px"
face=Arial color=#000000> プリセット</FONT></TD></TR></TBODY></TABLE><!-- ** Preset Control ** -->
<TABLE cellSpacing=0 cellPadding=2 width=94 bgColor=#9aaaca border=0>
<TBODY>
<TR>
<TD vAlign=center align=middle width=18 height=18><A
href="http://seiwacity.com:8080/nphControlCamera?Direction=Preset&PresetOperation=Move&Data=1&Resolution=320x240&Quality=Standard&RPeriod=0&Size=STD&Language=1"
target=Message><IMG title=内部温度 height=18 alt=内部温度
src="image/PresetOFF01.gif" width=18 border=0></A></TD>
<TD vAlign=center align=middle width=18 height=18><A
href="http://seiwacity.com:8080/nphControlCamera?Direction=Preset&PresetOperation=Move&Data=2&Resolution=320x240&Quality=Standard&RPeriod=0&Size=STD&Language=1"
target=Message><IMG title=JR奈良方面 height=18 alt=JR奈良方面
src="image/PresetOFF02.gif" width=18 border=0></A></TD>
<TD vAlign=center align=middle width=18 height=18><A
href="http://seiwacity.com:8080/nphControlCamera?Direction=Preset&PresetOperation=Move&Data=3&Resolution=320x240&Quality=Standard&RPeriod=0&Size=STD&Language=1"
target=Message><IMG title=JR大阪方面 height=18 alt=JR大阪方面
src="image/PresetOFF03.gif" width=18 border=0></A></TD>
<TD vAlign=center align=middle width=18 height=18><IMG title="" height=18
alt="" src="image/PresetON04.gif" width=18
border=0></TD></TR>
<TR>
<TD vAlign=center align=middle width=18 height=18><IMG title="" height=18
alt="" src="image/PresetON05.gif" width=18 border=0></TD>
<TD vAlign=center align=middle width=18 height=18><IMG title="" height=18
alt="" src="image/PresetON06.gif" width=18 border=0></TD>
<TD vAlign=center align=middle width=18 height=18><IMG title="" height=18
alt="" src="image/PresetON07.gif" width=18 border=0></TD>
<TD vAlign=center align=middle width=18 height=18><IMG title="" height=18
alt="" src="image/PresetON08.gif" width=18
border=0></TD></TR></TBODY></TABLE>
<TABLE cellSpacing=0 cellPadding=0 width=94 border=0>
<TBODY>
<TR>
<TD style="WIDTH: 94px" bgColor=#9aaaca>
<DIV align=center>
<FORM style="MARGIN: 0px" name=pf action=# method=post><SELECT
style="FONT-SIZE: 12px; BACKGROUND: #1961df; WIDTH: 113px; COLOR: #ffffff"
onchange=ChangePreset(this.value) name=presetSelect> <OPTION
selected>-プリセット-</OPTION> <OPTION value=HomePosition>ホームポジション</OPTION>
<OPTION value=1>1.内部温度</OPTION> <OPTION value=2>2.JR奈良方面</OPTION>
<OPTION value=3>3.JR大阪方面</OPTION></SELECT>
</FORM></DIV></TD></TR></TBODY></TABLE>
<TABLE cellSpacing=0 cellPadding=0 width=94 border=0>
<TBODY>
<TR>
<TD height=3></TD></TR></TBODY></TABLE><!-- ** Brightness ** -->
<TABLE cellSpacing=0 cellPadding=0 width=94 border=0>
<TBODY>
<TR>
<TD vAlign=center align=left><FONT style="FONT-SIZE: 11px" face=Arial
color=#000000> 明るさ</FONT></TD></TR>
<TR>
<TD><!-- ** Brightness map ** -->
<TABLE cellSpacing=1 cellPadding=0 width=92 border=0>
<TBODY>
<TR>
<TD vAlign=center align=middle width=28 bgColor=#1961df height=17><A
style="WIDTH: 28px; TEXT-DECORATION: none"
href="http://seiwacity.com:8080/nphControlCamera?Direction=Darker&Resolution=320x240&Quality=Standard&RPeriod=0&Size=STD&PresetOperation=Move&Language=1"
target=Message><FONT style="FONT-SIZE: 11px"
face=Impact> <B>-</B> </FONT></A></TD>
<TD vAlign=center align=middle width=28 bgColor=#1961df height=17><A
style="WIDTH: 28px; TEXT-DECORATION: none"
href="http://seiwacity.com:8080/nphControlCamera?Direction=DefaultBrightness&Resolution=320x240&Quality=Standard&RPeriod=0&Size=STD&PresetOperation=Move&Language=1"
target=Message><FONT style="FONT-SIZE: 11px"
face=Arial>標準</FONT></A></TD>
<TD vAlign=center align=middle width=28 bgColor=#1961df height=17><A
style="WIDTH: 28px; TEXT-DECORATION: none"
href="http://seiwacity.com:8080/nphControlCamera?Direction=Brighter&Resolution=320x240&Quality=Standard&RPeriod=0&Size=STD&PresetOperation=Move&Language=1"
target=Message><FONT style="FONT-SIZE: 11px"
face=Arial> <B>+</B> </FONT></A></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE><!-- ** Resolution ** -->
<TABLE cellSpacing=0 cellPadding=0 width=94 border=0>
<TBODY>
<TR>
<TD colSpan=2><FONT style="FONT-SIZE: 11px" face=Arial
color=#000000> 解像度</FONT></TD></TR>
<TR>
<TD colSpan=2 height=1></TD></TR>
<TR>
<TD vAlign=center align=middle width=18 bgColor=#34769c height=17> </TD>
<TD vAlign=center width=72 bgColor=#34769c height=17><A
style="WIDTH: 72px; TEXT-DECORATION: none"
href="http://seiwacity.com/live_main.html"
target=_top><FONT style="FONT-SIZE: 11px"
face=Arial> 640x480 </FONT></A></TD></TR>
<TR>
<TD colSpan=2 height=3></TD></TR>
<TR>
<TD vAlign=center align=middle width=18 bgColor=#cc6666 height=17>*</TD>
<TD vAlign=center width=72 bgColor=#34769c height=17><A
style="WIDTH: 72px; TEXT-DECORATION: none"
target=_top><FONT style="FONT-SIZE: 11px"
face=Arial> 320x240 </FONT></A></TD></TR>
<TR>
<TD colSpan=2 height=1>
</TD></TR></TBODY></TABLE>
<!-- ** Image quality ** -->
<!--
<TABLE cellSpacing=0 cellPadding=0 width=94 border=0>
<TBODY>
<TR>
<TD vAlign=center colSpan=2><FONT style="FONT-SIZE: 11px" face=Arial
color=#000000> 画質 </FONT></TD></TR>
<TR>
<TD colSpan=2 height=1></TD></TR>
<TR>
<TD vAlign=center align=middle width=18 bgColor=#34769c
height=17> </TD>
<TD vAlign=center width=72 bgColor=#34769c height=17><A
style="WIDTH: 72px; TEXT-DECORATION: none"
href="http://seiwacity.com:8080/CgiStart?page=Single&Resolution=320x240&Quality=Clarity&RPeriod=0&Size=STD&PresetOperation=Move&Language=1"
target=_top><FONT style="FONT-SIZE: 11px"
face=Arial> 画質優先</FONT></A></TD></TR>
<TR>
<TD colSpan=2 height=3></TD></TR>
<TR>
<TD vAlign=center align=middle width=18 bgColor=#cc6666 height=17>*</TD>
<TD vAlign=center width=72 bgColor=#34769c height=17><A
style="WIDTH: 72px; TEXT-DECORATION: none"
href="http://seiwacity.com:8080/CgiStart?page=Single&Resolution=320x240&Quality=Standard&RPeriod=0&Size=STD&PresetOperation=Move&Language=1"
target=_top><FONT style="FONT-SIZE: 11px"
face=Arial> 標準</FONT></A></TD></TR>
<TR>
<TD colSpan=2 height=3></TD></TR>
<TR>
<TD vAlign=center align=middle width=18 bgColor=#34769c
height=17> </TD>
<TD vAlign=center width=72 bgColor=#34769c height=17><A
style="WIDTH: 72px; TEXT-DECORATION: none"
href="http://seiwacity.com:8080/CgiStart?page=Single&Resolution=320x240&Quality=Motion&RPeriod=0&Size=STD&PresetOperation=Move&Language=1"
target=_top><FONT style="FONT-SIZE: 11px"
face=Arial> 動き優先</FONT></A></TD></TR> -->
<TR>
<TD colSpan=2 height=1></TD></TR></TBODY></TABLE></BODY></HTML>
CgiTitle.htm（../cgi-bin/real_time/real_time.jsは現在の訪問者CGIです。別途設定して下さい）
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>CgiTitle</TITLE>
<META http-equiv=expires content=0>
<META http-equiv=Pragma content=no-cache>
<META http-equiv=Cache-Control content=no-cache>
<META content=NONE name=ROBOTS>
<META content=NOINDEX,NOFOLLOW name=ROBOTS>
<META http-equiv=Content-type content="text/html; charset=euc-jp">
<META content="MSHTML 6.00.2900.2873" name=GENERATOR>
</HEAD>
<BODY text=#000000 vLink=#000000 aLink=#000000 link=#000000 bgColor=#efefef
leftMargin=0 topMargin=0 marginwidth="0" MARGINHEIGHT="0">
<TABLE style="TEXT-ALIGN: left" height=24 cellSpacing=0 cellPadding=0 width=765
border=0>
<TBODY>
<TR bgColor=#c5d0f0>
<TD width=120 height=24></TD><TD><IMG title=スナップショット(静止画)を撮る style="CURSOR: pointer"
onclick="window.open('http://seiwacity.com:8080/CgiSnapShot?Resolution=640x480&Quality=Precision&Language=1','_blank' ,'width=660, height=600')"
alt=スナップショット(静止画)を撮る src="image/SnapShotButton.jpg"></TD>
<TD width=128 height=24><FONT style="FONT-SIZE: 13px; TEXT-ALIGN: left"
face=Arial color=#000000>サンキュー堂</FONT>
</TD>
<TD width=490 height=24>
<script src="../cgi-bin/real_time/real_time.js"></script><FONT style="FONT-SIZE: 11px; TEXT-ALIGN: left"
face=Arial color=#000000><span style="vertical-align: text-top"> 人訪問中 </span></FONT>
</TD>
</TR>
</TBODY>
</TABLE>
</BODY>
</HTML>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>CgiTitle</TITLE>
<META http-equiv=expires content=0>
<META http-equiv=Pragma content=no-cache>
<META http-equiv=Cache-Control content=no-cache>
<META content=NONE name=ROBOTS>
<META content=NOINDEX,NOFOLLOW name=ROBOTS>
<META http-equiv=Content-type content="text/html; charset=euc-jp">
<META content="MSHTML 6.00.2900.2873" name=GENERATOR>
</HEAD>
<BODY text=#000000 vLink=#000000 aLink=#000000 link=#000000 bgColor=#efefef
leftMargin=0 topMargin=0 marginwidth="0" MARGINHEIGHT="0">
<TABLE style="TEXT-ALIGN: left" height=24 cellSpacing=0 cellPadding=0 width=765
border=0>
<TBODY>
<TR bgColor=#c5d0f0>
<TD width=120 height=24></TD><TD><IMG title=スナップショット(静止画)を撮る style="CURSOR: pointer"
onclick="window.open('http://seiwacity.com:8080/CgiSnapShot?Resolution=320x240&Quality=Precision&Language=1','_blank' ,'width=350, height=350')"
alt=スナップショット(静止画)を撮る src="image/SnapShotButton.jpg"></TD>
<TD width=128 height=24><FONT style="FONT-SIZE: 13px; TEXT-ALIGN: left"
face=Arial color=#000000>サンキュー堂</FONT>
</TD>
<TD width=490 height=24>
<script src="../cgi-bin/real_time/real_time.js"></script><FONT style="FONT-SIZE: 11px; TEXT-ALIGN: left"
face=Arial color=#000000><span style="vertical-align: text-top"> 人訪問中 </span></FONT>
</TD>
</TR>
</TBODY>
</TABLE>
</BODY>
</HTML>
<html>
<head>
<title>
Dummy Frame
</title>
</head>
<body BGCOLOR="#C4CEEF">
</body>
</html>
<!-- bottom.html ボトム用フレーム -->
<html>
<head>
<title>
Bottom Frame
</title>
</head>
<BODY text=#000000 vLink=#000000 aLink=#000000 link=#000000 bgColor=#efefef
leftMargin=0 topMargin=0 marginwidth="0" MARGINHEIGHT="0">
<script src="../cgi-bin/real_time/real_time.js"></script><FONT style="FONT-SIZE: 13px; TEXT-ALIGN: right"
face=Arial color=#000000>人訪問中</FONT></body>
</html>