ライブページの作成

パナソニックネットワークカメラＢＢ－ＨＣＭ３８１のオリジナルページ作成
基本ファイルは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へページが飛んでしまうのが修正できていません。これは仕様で仕方ない？？分かる人いれば教えてぇ～～！

live_main.html

  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Frameset//EN">
  2. <HTML>
  3. <HEAD>
  4. <TITLE>サンキュー堂ライブ</TITLE>
  5. </HEAD>
  6. <FRAMESET ROWS="23,*,0" FRAMEBORDER=0 BORDER=0 FRAMESPACING=0>
  7. <!-- ROWS="23,*,0"はCgiTitle.htmとbottom.htmlの高さです 環境に合わせて変更して下さい。-->
  8. <FRAME BGCOLOR="#C4CEEF" SCROLLING=no SRC="frame/CgiTitle.htm" NAME="top">
  9. <FRAMESET COLS="123,*" FRAMEBORDER=0 BORDER=0 FRAMESPACING=0>
  10.  
  11. <FRAMESET ROWS="20,*">
  12. <!-- dummy.htmlの高さ-->
  13. <FRAME BGCOLOR="#C4CEEF" SCROLLING=no SRC="frame/dummy.html" NAME="Message">
  14.  
  15. <!-- 左上フレーム：第一のカメラのパンチルト制御パッド表示フレーム -->
  16. <FRAME BGCOLOR="#C4CEEF" SCROLLING=no SRC="frame/nphPanTiltControl.htm" NAME="Control">
  17. </FRAMESET>
  18. <!-- 右フレーム：動画像表示フレーム -->
  19. <FRAME SRC="http://seiwacity.com:8080/ImageViewer?Mode=Motion&Resolution=640x480&Quality=Standard&Interval=10" NAME="right">
  20. </FRAMESET>
  21. <!-- 最下部：フッタなどを記載するためのフレーム -->
  22. <FRAME BGCOLOR="#C4CEEF" SCROLLING=no SRC="frame/bottom.html" NAME="bottom" FRAMEBORDER=0 BORDER=0 FRAMESPACING=0>>
  23. <NOFRAMES>
  24. <BODY>
  25. <!-- フレーム未対応ブラウザのユーザーへの対応のためのHTMLを記載する -->
  26. フレームに対応したブラウザでご覧ください。
  27. </BODY>
  28. </NOFRAMES>
  29. </FRAMESET>
  30. </HTML>

live_main_s.html

  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Frameset//EN">
  2. <HTML>
  3. <HEAD>
  4. <TITLE>サンキュー堂ライブ</TITLE>
  5. </HEAD>
  6. <FRAMESET ROWS="23,*,0" FRAMEBORDER=0 BORDER=0 FRAMESPACING=0>
  7. <!-- 最上部：タイトルなどを記載するためのフレーム -->
  8. <FRAME BGCOLOR="#C4CEEF" SCROLLING=no SRC="frame/CgiTitle_s.htm" NAME="top">
  9. <FRAMESET COLS="123,*" FRAMEBORDER=0 BORDER=0 FRAMESPACING=0>
  10. <FRAMESET ROWS="20,*">
  11. <!-- 左下フレーム：パンチルト制御CGI応答用ダミーフレーム -->
  12. <!-- 注意：このフレーム名"Message"は"frame/control1.html"内部で使用しています。-->
  13. <FRAME BGCOLOR="#C4CEEF" SCROLLING=no SRC="frame/dummy.html" NAME="Message">
  14. <!-- 左上フレーム：第一のカメラのパンチルト制御パッド表示フレーム -->
  15. <FRAME BGCOLOR="#C4CEEF" SCROLLING=no SRC="frame/nphPanTiltControl_s.htm" NAME="Control">
  16. </FRAMESET>
  17. <!-- 右フレーム：動画像表示フレーム -->
  18. <FRAME SRC="http://seiwacity.com:8080/ImageViewer?Mode=Motion&Resolution=320x240&Quality=Standard&Interval=10" NAME="right">
  19. </FRAMESET>
  20. <!-- 最下部：フッタなどを記載するためのフレーム -->
  21. <FRAME BGCOLOR="#C4CEEF" SCROLLING=no SRC="frame/bottom.html" NAME="bottom" FRAMEBORDER=0 BORDER=0 FRAMESPACING=0>>
  22. <NOFRAMES>
  23. <BODY>
  24. <!-- フレーム未対応ブラウザのユーザーへの対応のためのHTMLを記載する -->
  25. フレームに対応したブラウザでご覧ください。
  26. </BODY>
  27. </NOFRAMES>
  28. </FRAMESET>
  29. </HTML>

2006/04/29 19:30 初回から少し変更しました。
2006/05/01 16:20 11行目http://seiwacity.com:8080/を追加(nphPanTiltControl_s.htmも同様)

nphPanTiltControl.htm

  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
  2. <!-- saved from url=(0130)http://seiwacity.com:8080/nphPanTiltControl?Resolution=640x480&Quality=Standard&Size=STD&PresetOperation=Move&Language=1&RPeriod=0 -->
  3. <HTML><HEAD><TITLE>nphPanTiltControl</TITLE>
  4. <META http-equiv=expires content=0>
  5. <META http-equiv=Pragma content=no-cache>
  6. <META http-equiv=Cache-Control content=no-cache>
  7. <META content=NONE name=ROBOTS>
  8. <META content=NOINDEX,NOFOLLOW name=ROBOTS>
  9. <META http-equiv=Content-type content="text/html; charset=euc-jp">
  10. <META http-equiv=Refresh
  11. content=300;URL=http://seiwacity.com:8080/nphPanTiltControl?Resolution=640x480&amp;Quality=Standard&amp;RPeriod=10&amp;Size=STD&amp;Language=1>
  12. <META http-equiv=Content-Style-Type content=text/css>
  13. <META http-equiv=Content-Script-Type content=text/javascript>
  14. <SCRIPT type=text/javascript>
  15. <!--
  16. var obj;
  17. function doInit() {
  18. if (document.layers) {
  19. objlist = document.layers;
  20. for (i = 0; i < objlist.length; i++) {
  21. if ( (objlist[i].name == "FOCUSFAR") ||
  22. (objlist[i].name == "FOCUSNEAR") ) {
  23. objlist[i].captureEvents(Event.MOUSEDOWN);
  24. objlist[i].onmousedown = onMouseDown;
  25. objlist[i].captureEvents(Event.CLICK);
  26. objlist[i].onclick = onClick;
  27. objlist[i].captureEvents(Event.DBLCLICK);
  28. objlist[i].ondblclick = onDblClick;
  29. objlist[i].captureEvents(Event.MOUSEUP);
  30. objlist[i].onmouseup = onMouseUp;
  31. }
  32. }
  33. } else if( (document.all) || (document.getElementsByTagName) ) {
  34. if (document.all) {
  35. objlist = document.all.tags("SPAN");
  36. } else if (document.getElementsByTagName) {
  37. objlist = document.getElementsByTagName("SPAN");
  38. for (i = 0; i < objlist.length; i++) {
  39. if ( (objlist[i].id == "ZOOMWIDE") ||
  40. (objlist[i].id == "ZOOMTELE") ) {
  41. objlist[i].style.top=114;
  42. } else if( (objlist[i].id == "FOCUSFAR") ||
  43. (objlist[i].id == "FOCUSNEAR") ||
  44. (objlist[i].id == "FOCUSAUTO") ) {
  45. objlist[i].style.top=149;
  46. }
  47. }
  48. }
  49. for (i = 0; i < objlist.length; i++) {
  50. if ( (objlist[i].id == "FOCUSFAR") ||
  51. (objlist[i].id == "FOCUSNEAR") ) {
  52. objlist[i].onclick = onClick;
  53. objlist[i].ondblclick = onDblClick;
  54. }
  55. }
  56. } else {
  57. return;
  58. }
  59. }
  60.  
  61. function onClick(e) {
  62. obj = this;
  63. if (document.layers) {
  64. if ( (obj.name == "FOCUSNEAR") ||
  65. (obj.name == "FOCUSFAR") ) {
  66. sendCamera(obj.name, 1);
  67. }
  68. } else if ( (document.all) ||
  69. (document.getElementsByTagName) ) {
  70. if ( (obj.id == "FOCUSNEAR") ||
  71. (obj.id == "FOCUSFAR") ) {
  72. sendCamera(obj.id, 1);
  73. }
  74. }
  75. }
  76.  
  77. function onDblClick(e) {
  78. if (document.layers) {
  79. if (!obj) {
  80. return true;
  81. }
  82. if ( (obj.name == "FOCUSNEAR") ||
  83. (obj.name == "FOCUSFAR") ) {
  84. sendCamera(obj.name, 2);
  85. }
  86. } else if ( (document.all) ||
  87. (document.getElementsByTagName) ) {
  88. if ( (obj.id == "FOCUSNEAR") ||
  89. (obj.id == "FOCUSFAR") ) {
  90. sendCamera(obj.id, 2);
  91. }
  92. }
  93. }
  94.  
  95. function onMouseDown(e) {
  96. obj = this;
  97. if (document.layers) {
  98. if ( (obj.name == "FOCUSNEAR") ||
  99. (obj.name == "FOCUSFAR") ) {
  100. }
  101. } else {
  102. obj = null;
  103. return false;
  104. }
  105. }
  106.  
  107. function onMouseUp(e) {
  108. if (!obj) {
  109. return true;
  110. }
  111. if (document.layers) {
  112. if ( (obj.name == "FOCUSNEAR") ||
  113. (obj.name == "FOCUSFAR") ) {
  114. sendCamera(obj.name, 1);
  115. }
  116. }
  117. }
  118.  
  119. function sendCamera(kind, dist) {
  120. hrefsrc = "http://seiwacity.com:8080/nphControlCamera";
  121. if (document.layers) {
  122. hrefsrc += document.links[document.links.length-1].search;
  123. indexBright = hrefsrc.indexOf("Direction=FocusAuto&");
  124. if( indexBright > 0 ) {
  125. substr1 = hrefsrc.substr(0,indexBright);
  126. substr2 = hrefsrc.substr(
  127. (indexBright+("Direction=FocusAuto&".length)) );
  128. hrefsrc = substr1 + substr2;
  129. }
  130. hrefsrc += "&Sound=Enable";
  131. if (kind == "FOCUSNEAR") {
  132. hrefsrc += "&Direction=FocusNear" + "&Dist=" + dist;
  133. parent.Message.location.href = hrefsrc;
  134. } else if (kind == "FOCUSFAR") {
  135. hrefsrc += "&Direction=FocusFar" + "&Dist=" + dist;
  136. parent.Message.location.href = hrefsrc;
  137. }
  138. if (dist==2) {
  139. obj=null;
  140. }
  141. } else if ( (document.all) ||
  142. (document.getElementsByTagName) ) {
  143. for (i=0; i<document.links.length; ++i) {
  144. if (document.links[i].id == "DUMMY") {
  145. hrefsrc += document.links[i].search;
  146. indexBright = hrefsrc.indexOf("Direction=FocusAuto&");
  147. if (indexBright > 0) {
  148. substr1 = hrefsrc.substr(0,indexBright);
  149. substr2 = hrefsrc.substr(
  150. (indexBright+("Direction=FocusAuto&".length)) );
  151. hrefsrc = substr1 + substr2;
  152. }
  153. break;
  154. }
  155. }
  156. hrefsrc += "&Sound=Enable";
  157. if (kind == "FOCUSNEAR") {
  158. hrefsrc += "&Direction=FocusNear" + "&Dist=" + dist;
  159. parent.Message.location.href = hrefsrc;
  160. } else if (kind == "FOCUSFAR") {
  161. hrefsrc += "&Direction=FocusFar" + "&Dist=" + dist;
  162. parent.Message.location.href = hrefsrc;
  163. }
  164. if (dist==2) {
  165. obj=null;
  166. }
  167. }
  168. }
  169.  
  170. //-->
  171. </SCRIPT>
  172.  
  173. <META content="MSHTML 6.00.2900.2873" name=GENERATOR></HEAD>
  174. <BODY text=#ffffff vLink=#ffffff aLink=#ffffff link=#ffffff bgColor=#c4ceef
  175. topMargin=0 onload=doInit() MARGINHEIGHT="0">
  176. <SCRIPT language=JavaScript>
  177. <!--
  178. function ChangeRPeriod(RPeriod) {
  179. top.location.href = "CgiStart?page=Single&Resolution=640x480&Quality=Standard&RPeriod="+RPeriod+"&Size=STD&PresetOperation=Move&Language=1";
  180. }
  181. //-->
  182. </SCRIPT>
  183.  
  184. <SCRIPT language=JavaScript>
  185. <!--
  186. function alertOutput(a){
  187. document.f.OutputType.value = a;
  188. if(a == 1) {
  189. document.f.OutputName.value = document.f.oButton.value;
  190. } else {
  191. document.f.OutputName.value = document.f.cButton.value;
  192. }
  193. document.f.submit();
  194. return;
  195. }
  196. function ChangePreset(Val) {
  197. var Type = "Preset";
  198. if (Val == "-1") {
  199. return;
  200. } else if (Val == "HomePosition") {
  201. Type = "HomePosition";
  202. Val = "0";
  203. } else if (Val == "Alarm1"){
  204. Type = "Alarm";
  205. Val = "1";
  206. } else if (Val == "Alarm2") {
  207. Type = "Alarm";
  208. Val = "2";
  209. } else if (Val == "Sensor1") {
  210. Type = "Sensor";
  211. Val = "1";
  212. }
  213. var Dir = "Preset";
  214. if (Type == "HomePosition") {
  215. Dir = "HomePosition";
  216. }
  217. 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;
  218. document.pf.presetSelect.selectedIndex = 0;
  219. }
  220. //-->
  221. </SCRIPT>
  222. <!-- ** Pan/Tilt & HomePos. ** -->
  223. <TABLE cellSpacing=0 cellPadding=0 width=94 border=0>
  224. <TBODY>
  225. <TR>
  226. <TD><FONT style="FONT-SIZE: 11px" face=Arial
  227. color=#000000>&nbsp;パン／チルト</FONT></TD></TR>
  228. <TR>
  229. <TD height=1></TD></TR>
  230. <TR>
  231. <TD align=middle bgColor=#c4ceef><IMG height=98
  232. src="image/pad.gif" width=90 useMap=#pad border=0><MAP
  233. name=pad> <AREA title=パンスキャン shape=CIRCLE target=Message alt=パンスキャン
  234. coords=12,12,10
  235. href="http://seiwacity.com:8080/nphControlCamera?Direction=PanScan&amp;Resolution=640x480&amp;Quality=Standard&amp;RPeriod=0&amp;Size=STD&amp;PresetOperation=Move&amp;Language=1"><AREA
  236. title=チルトスキャン shape=CIRCLE target=Message alt=チルトスキャン coords=78,12,10
  237. href="http://seiwacity.com:8080/nphControlCamera?Direction=TiltScan&amp;Resolution=640x480&amp;Quality=Standard&amp;RPeriod=0&amp;Size=STD&amp;PresetOperation=Move&amp;Language=1"><AREA
  238. title=チルトアップ shape=CIRCLE target=Message alt=チルトアップ coords=45,33,10
  239. href="http://seiwacity.com:8080/nphControlCamera?Direction=TiltUp&amp;Resolution=640x480&amp;Quality=Standard&amp;RPeriod=0&amp;Size=STD&amp;PresetOperation=Move&amp;Language=1"><AREA
  240. title=パンレフト shape=CIRCLE target=Message alt=パンレフト coords=20,58,10
  241. href="http://seiwacity.com:8080/nphControlCamera?Direction=PanLeft&amp;Resolution=640x480&amp;Quality=Standard&amp;RPeriod=0&amp;Size=STD&amp;PresetOperation=Move&amp;Language=1"><AREA
  242. title=ホームポジション shape=CIRCLE target=Message alt=ホームポジション coords=45,58,10
  243. href="http://seiwacity.com:8080/nphControlCamera?Direction=HomePosition&amp;Resolution=640x480&amp;Quality=Standard&amp;RPeriod=0&amp;Size=STD&amp;PresetOperation=Move&amp;Language=1"><AREA
  244. title=パンライト shape=CIRCLE target=Message alt=パンライト coords=70,58,10
  245. href="http://seiwacity.com:8080/nphControlCamera?Direction=PanRight&amp;Resolution=640x480&amp;Quality=Standard&amp;RPeriod=0&amp;Size=STD&amp;PresetOperation=Move&amp;Language=1"><AREA
  246. title=チルトダウン shape=CIRCLE target=Message alt=チルトダウン coords=45,83,10
  247. href="http://seiwacity.com:8080/nphControlCamera?Direction=TiltDown&amp;Resolution=640x480&amp;Quality=Standard&amp;RPeriod=0&amp;Size=STD&amp;PresetOperation=Move&amp;Language=1"></MAP></TD></TR></TBODY></TABLE>
  248. <TABLE cellSpacing=0 cellPadding=0 width=94 border=0>
  249. <TBODY>
  250. <TR>
  251. <TD height=3></TD></TR></TBODY></TABLE><!-- ** Zoom ** -->
  252. <TABLE cellSpacing=0 cellPadding=0 width=94 bgColor=#9aaaca border=0>
  253. <TBODY>
  254. <TR>
  255. <TD height=1></TD></TR>
  256. <TR>
  257. <TD align=left><SPAN id=ZOOMTELE><A
  258. href="http://seiwacity.com:8080/nphControlCamera?Direction=ZoomTele&amp;Resolution=640x480&amp;Quality=Standard&amp;RPeriod=0&amp;Size=STD&amp;PresetOperation=Move&amp;Language=1"
  259. target=Message><IMG title=テレ alt=テレ
  260. src="image/ZoomTele.gif" border=0
  261. name=zoomTele></A></SPAN></TD>
  262. <TD vAlign=center align=middle height=18><FONT style="FONT-SIZE: 10px"
  263. face=Arial color=#000000><B>ズーム</B></FONT></TD>
  264. <TD align=right><SPAN id=ZOOMWIDE><A
  265. href="http://seiwacity.com:8080/nphControlCamera?Direction=ZoomWide&amp;Resolution=640x480&amp;Quality=Standard&amp;RPeriod=0&amp;Size=STD&amp;PresetOperation=Move&amp;Language=1"
  266. target=Message><IMG title=ワイド alt=ワイド
  267. src="image/ZoomWide.gif" border=0
  268. name=zoomWide></A></SPAN></TD></TR></TBODY></TABLE>
  269. <TABLE cellSpacing=0 cellPadding=0 width=94 border=0>
  270. <TBODY>
  271. <TR>
  272. <TD height=3></TD></TR></TBODY></TABLE><!-- ** Focus ** -->
  273. <TABLE cellSpacing=0 cellPadding=0 width=94 bgColor=#9aaaca border=0>
  274. <TBODY>
  275. <TR>
  276. <TD colSpan=3 height=1></TD></TR>
  277. <TR>
  278. <TD vAlign=top align=middle colSpan=3><FONT style="FONT-SIZE: 10px"
  279. face=Arial color=#000000><B>フォーカス</B></FONT></TD></TR><!-- ** Focus map ** -->
  280. <TR>
  281. <TD align=left><SPAN id=FOCUSNEAR style="CURSOR: pointer"><IMG title=近く
  282. alt=近く src="image/FocusNear.gif" border=0
  283. name=focusNear></SPAN></TD>
  284. <TD align=middle><SPAN id=FOCUSAUTO><A id=DUMMY
  285. href="http://seiwacity.com:8080/nphControlCamera?Direction=FocusAuto&amp;Resolution=640x480&amp;Quality=Standard&amp;RPeriod=0&amp;Size=STD&amp;PresetOperation=Move&amp;Language=1"
  286. target=Message><IMG title=自動 alt=自動
  287. src="image/FocusAuto.gif" border=0
  288. name=focusAuto></A></SPAN></TD>
  289. <TD align=right><SPAN id=FOCUSFAR style="CURSOR: pointer"><IMG title=遠く
  290. alt=遠く src="image/focusFar.gif" border=0
  291. name=FocusFar></SPAN></TD></TR></TBODY></TABLE>
  292. <TABLE cellSpacing=0 cellPadding=0 width=94 border=0>
  293. <TBODY>
  294. <TR>
  295. <TD height=3></TD></TR></TBODY></TABLE><!-- ** Preset ** -->
  296. <TABLE cellSpacing=0 cellPadding=0 width=94 border=0>
  297. <TBODY>
  298. <TR>
  299. <TD vAlign=center align=left height=11><FONT style="FONT-SIZE: 11px"
  300. face=Arial color=#000000>&nbsp;プリセット</FONT></TD></TR></TBODY></TABLE><!-- ** Preset Control ** -->
  301. <TABLE cellSpacing=0 cellPadding=2 width=94 bgColor=#9aaaca border=0>
  302. <TBODY>
  303. <TR>
  304. <TD vAlign=center align=middle width=18 height=18><A
  305. href="http://seiwacity.com:8080/nphControlCamera?Direction=Preset&amp;PresetOperation=Move&amp;Data=1&amp;Resolution=640x480&amp;Quality=Standard&amp;RPeriod=0&amp;Size=STD&amp;Language=1"
  306. target=Message><IMG title=内部温度 height=18 alt=内部温度
  307. src="image/PresetOFF01.gif" width=18 border=0></A></TD>
  308. <TD vAlign=center align=middle width=18 height=18><A
  309. href="http://seiwacity.com:8080/nphControlCamera?Direction=Preset&amp;PresetOperation=Move&amp;Data=2&amp;Resolution=640x480&amp;Quality=Standard&amp;RPeriod=0&amp;Size=STD&amp;Language=1"
  310. target=Message><IMG title=JR奈良方面 height=18 alt=JR奈良方面
  311. src="image/PresetOFF02.gif" width=18 border=0></A></TD>
  312. <TD vAlign=center align=middle width=18 height=18><A
  313. href="http://seiwacity.com:8080/nphControlCamera?Direction=Preset&amp;PresetOperation=Move&amp;Data=3&amp;Resolution=640x480&amp;Quality=Standard&amp;RPeriod=0&amp;Size=STD&amp;Language=1"
  314. target=Message><IMG title=JR大阪方面 height=18 alt=JR大阪方面
  315. src="image/PresetOFF03.gif" width=18 border=0></A></TD>
  316. <TD vAlign=center align=middle width=18 height=18><IMG title="" height=18
  317. alt="" src="image/PresetON04.gif" width=18
  318. border=0></TD></TR>
  319. <TR>
  320. <TD vAlign=center align=middle width=18 height=18><IMG title="" height=18
  321. alt="" src="image/PresetON05.gif" width=18 border=0></TD>
  322. <TD vAlign=center align=middle width=18 height=18><IMG title="" height=18
  323. alt="" src="image/PresetON06.gif" width=18 border=0></TD>
  324. <TD vAlign=center align=middle width=18 height=18><IMG title="" height=18
  325. alt="" src="image/PresetON07.gif" width=18 border=0></TD>
  326. <TD vAlign=center align=middle width=18 height=18><IMG title="" height=18
  327. alt="" src="image/PresetON08.gif" width=18
  328. border=0></TD></TR></TBODY></TABLE>
  329. <TABLE cellSpacing=0 cellPadding=0 width=94 border=0>
  330. <TBODY>
  331. <TR>
  332. <TD style="WIDTH: 94px" bgColor=#9aaaca>
  333. <DIV align=center>
  334. <FORM style="MARGIN: 0px" name=pf action=# method=post><SELECT
  335. style="FONT-SIZE: 12px; BACKGROUND: #1961df; WIDTH: 113px; COLOR: #ffffff"
  336. onchange=ChangePreset(this.value) name=presetSelect> <OPTION
  337. selected>-プリセット-</OPTION> <OPTION value=HomePosition>ホームポジション</OPTION>
  338. <OPTION value=1>1.内部温度</OPTION> <OPTION value=2>2.JR奈良方面</OPTION>
  339. <OPTION value=3>3.JR大阪方面</OPTION></SELECT>
  340. </FORM></DIV></TD></TR></TBODY></TABLE>
  341. <TABLE cellSpacing=0 cellPadding=0 width=94 border=0>
  342. <TBODY>
  343. <TR>
  344. <TD height=3></TD></TR></TBODY></TABLE><!-- ** Brightness ** -->
  345. <TABLE cellSpacing=0 cellPadding=0 width=94 border=0>
  346. <TBODY>
  347. <TR>
  348. <TD vAlign=center align=left><FONT style="FONT-SIZE: 11px" face=Arial
  349. color=#000000>&nbsp;明るさ</FONT></TD></TR>
  350. <TR>
  351. <TD><!-- ** Brightness map ** -->
  352. <TABLE cellSpacing=1 cellPadding=0 width=92 border=0>
  353. <TBODY>
  354. <TR>
  355. <TD vAlign=center align=middle width=28 bgColor=#1961df height=17><A
  356. style="WIDTH: 28px; TEXT-DECORATION: none"
  357. href="http://seiwacity.com:8080/nphControlCamera?Direction=Darker&amp;Resolution=640x480&amp;Quality=Standard&amp;RPeriod=0&amp;Size=STD&amp;PresetOperation=Move&amp;Language=1"
  358. target=Message><FONT style="FONT-SIZE: 11px"
  359. face=Impact>&nbsp;<B>-</B>&nbsp;</FONT></A></TD>
  360. <TD vAlign=center align=middle width=28 bgColor=#1961df height=17><A
  361. style="WIDTH: 28px; TEXT-DECORATION: none"
  362. href="http://seiwacity.com:8080/nphControlCamera?Direction=DefaultBrightness&amp;Resolution=640x480&amp;Quality=Standard&amp;RPeriod=0&amp;Size=STD&amp;PresetOperation=Move&amp;Language=1"
  363. target=Message><FONT style="FONT-SIZE: 11px"
  364. face=Arial>標準</FONT></A></TD>
  365. <TD vAlign=center align=middle width=28 bgColor=#1961df height=17><A
  366. style="WIDTH: 28px; TEXT-DECORATION: none"
  367. href="http://seiwacity.com:8080/nphControlCamera?Direction=Brighter&amp;Resolution=640x480&amp;Quality=Standard&amp;RPeriod=0&amp;Size=STD&amp;PresetOperation=Move&amp;Language=1"
  368. target=Message><FONT style="FONT-SIZE: 11px"
  369. face=Arial>&nbsp;<B>+</B>&nbsp;</FONT></A></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE><!-- ** Resolution ** -->
  370. <TABLE cellSpacing=0 cellPadding=0 width=94 border=0>
  371. <TBODY>
  372. <TR>
  373. <TD colSpan=2><FONT style="FONT-SIZE: 11px" face=Arial
  374. color=#000000>&nbsp;解像度</FONT></TD></TR>
  375. <TR>
  376. <TD colSpan=2 height=1></TD></TR>
  377. <TR>
  378. <TD vAlign=center align=middle width=18 bgColor=#cc6666 height=17>*</TD>
  379. <TD vAlign=center width=72 bgColor=#34769c height=17><A
  380. style="WIDTH: 72px; TEXT-DECORATION: none"
  381. target=_top><FONT style="FONT-SIZE: 11px"
  382. face=Arial>&nbsp;640x480&nbsp;&nbsp;&nbsp;</FONT></A></TD></TR>
  383. <TR>
  384. <TD colSpan=2 height=3></TD></TR>
  385. <TR>
  386. <TD vAlign=center align=middle width=18 bgColor=#34769c
  387. height=17>&nbsp;</TD>
  388. <TD vAlign=center width=72 bgColor=#34769c height=17><A
  389. style="WIDTH: 72px; TEXT-DECORATION: none"
  390. href="http://seiwacity.com/live_main_s.html"
  391. target=_top><FONT style="FONT-SIZE: 11px"
  392. face=Arial>&nbsp;320x240&nbsp;&nbsp;&nbsp;</FONT></A></TD></TR>
  393. <TR>
  394. <TD colSpan=2 height=1></TD></TR></TBODY></TABLE><!-- ** Image quality ** -->
  395. <!--
  396. <TABLE cellSpacing=0 cellPadding=0 width=94 border=0>
  397. <TBODY>
  398. <TR>
  399. <TD vAlign=center colSpan=2><FONT style="FONT-SIZE: 11px" face=Arial
  400. color=#000000>&nbsp;画質 </FONT></TD></TR>
  401. <TR>
  402. <TD colSpan=2 height=1></TD></TR>
  403. <TR>
  404. <TD vAlign=center align=middle width=18 bgColor=#34769c
  405. height=17>&nbsp;</TD>
  406. <TD vAlign=center width=72 bgColor=#34769c height=17><A
  407. style="WIDTH: 72px; TEXT-DECORATION: none"
  408. href="http://seiwacity.com:8080/CgiStart?page=Single&amp;Resolution=640x480&amp;Quality=Clarity&amp;RPeriod=0&amp;Size=STD&amp;PresetOperation=Move&amp;Language=1"
  409. target=_top><FONT style="FONT-SIZE: 11px"
  410. face=Arial>&nbsp;画質優先</FONT></A></TD></TR>
  411. <TR>
  412. <TD colSpan=2 height=3></TD></TR>
  413. <TR>
  414. <TD vAlign=center align=middle width=18 bgColor=#cc6666 height=17>*</TD>
  415. <TD vAlign=center width=72 bgColor=#34769c height=17><A
  416. style="WIDTH: 72px; TEXT-DECORATION: none"
  417. href="http://seiwacity.com:8080/CgiStart?page=Single&amp;Resolution=640x480&amp;Quality=Standard&amp;RPeriod=0&amp;Size=STD&amp;PresetOperation=Move&amp;Language=1"
  418. target=_top><FONT style="FONT-SIZE: 11px"
  419. face=Arial>&nbsp;標準</FONT></A></TD></TR>
  420. <TR>
  421. <TD colSpan=2 height=3></TD></TR>
  422. <TR>
  423. <TD vAlign=center align=middle width=18 bgColor=#34769c
  424. height=17>&nbsp;</TD>
  425. <TD vAlign=center width=72 bgColor=#34769c height=17><A
  426. style="WIDTH: 72px; TEXT-DECORATION: none"
  427. href="http://seiwacity.com:8080/CgiStart?page=Single&amp;Resolution=640x480&amp;Quality=Motion&amp;RPeriod=0&amp;Size=STD&amp;PresetOperation=Move&amp;Language=1"
  428. target=_top><FONT style="FONT-SIZE: 11px"
  429. face=Arial>&nbsp;動き優先</FONT></A></TD></TR> -->
  430. <TR>
  431. <TD colSpan=2 height=1></TD></TR></TBODY></TABLE></BODY></HTML>

nphPanTiltControl_s.htm

  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
  2. <!-- saved from url=(0130)http://seiwacity.com:8080/nphPanTiltControl?Resolution=320x240&Quality=Standard&Size=STD&PresetOperation=Move&Language=1&RPeriod=0 -->
  3. <HTML><HEAD><TITLE>nphPanTiltControl</TITLE>
  4. <META http-equiv=expires content=0>
  5. <META http-equiv=Pragma content=no-cache>
  6. <META http-equiv=Cache-Control content=no-cache>
  7. <META content=NONE name=ROBOTS>
  8. <META content=NOINDEX,NOFOLLOW name=ROBOTS>
  9. <META http-equiv=Content-type content="text/html; charset=euc-jp">
  10. <META http-equiv=Refresh
  11. content=300;URL=http://seiwacity.com:8080/nphPanTiltControl?Resolution=320x240&amp;Quality=Standard&amp;RPeriod=10&amp;Size=STD&amp;Language=1>
  12. <META http-equiv=Content-Style-Type content=text/css>
  13. <META http-equiv=Content-Script-Type content=text/javascript>
  14. <SCRIPT type=text/javascript>
  15. <!--
  16. var obj;
  17. function doInit() {
  18. if (document.layers) {
  19. objlist = document.layers;
  20. for (i = 0; i < objlist.length; i++) {
  21. if ( (objlist[i].name == "FOCUSFAR") ||
  22. (objlist[i].name == "FOCUSNEAR") ) {
  23. objlist[i].captureEvents(Event.MOUSEDOWN);
  24. objlist[i].onmousedown = onMouseDown;
  25. objlist[i].captureEvents(Event.CLICK);
  26. objlist[i].onclick = onClick;
  27. objlist[i].captureEvents(Event.DBLCLICK);
  28. objlist[i].ondblclick = onDblClick;
  29. objlist[i].captureEvents(Event.MOUSEUP);
  30. objlist[i].onmouseup = onMouseUp;
  31. }
  32. }
  33. } else if( (document.all) || (document.getElementsByTagName) ) {
  34. if (document.all) {
  35. objlist = document.all.tags("SPAN");
  36. } else if (document.getElementsByTagName) {
  37. objlist = document.getElementsByTagName("SPAN");
  38. for (i = 0; i < objlist.length; i++) {
  39. if ( (objlist[i].id == "ZOOMWIDE") ||
  40. (objlist[i].id == "ZOOMTELE") ) {
  41. objlist[i].style.top=114;
  42. } else if( (objlist[i].id == "FOCUSFAR") ||
  43. (objlist[i].id == "FOCUSNEAR") ||
  44. (objlist[i].id == "FOCUSAUTO") ) {
  45. objlist[i].style.top=149;
  46. }
  47. }
  48. }
  49. for (i = 0; i < objlist.length; i++) {
  50. if ( (objlist[i].id == "FOCUSFAR") ||
  51. (objlist[i].id == "FOCUSNEAR") ) {
  52. objlist[i].onclick = onClick;
  53. objlist[i].ondblclick = onDblClick;
  54. }
  55. }
  56. } else {
  57. return;
  58. }
  59. }
  60.  
  61. function onClick(e) {
  62. obj = this;
  63. if (document.layers) {
  64. if ( (obj.name == "FOCUSNEAR") ||
  65. (obj.name == "FOCUSFAR") ) {
  66. sendCamera(obj.name, 1);
  67. }
  68. } else if ( (document.all) ||
  69. (document.getElementsByTagName) ) {
  70. if ( (obj.id == "FOCUSNEAR") ||
  71. (obj.id == "FOCUSFAR") ) {
  72. sendCamera(obj.id, 1);
  73. }
  74. }
  75. }
  76.  
  77. function onDblClick(e) {
  78. if (document.layers) {
  79. if (!obj) {
  80. return true;
  81. }
  82. if ( (obj.name == "FOCUSNEAR") ||
  83. (obj.name == "FOCUSFAR") ) {
  84. sendCamera(obj.name, 2);
  85. }
  86. } else if ( (document.all) ||
  87. (document.getElementsByTagName) ) {
  88. if ( (obj.id == "FOCUSNEAR") ||
  89. (obj.id == "FOCUSFAR") ) {
  90. sendCamera(obj.id, 2);
  91. }
  92. }
  93. }
  94.  
  95. function onMouseDown(e) {
  96. obj = this;
  97. if (document.layers) {
  98. if ( (obj.name == "FOCUSNEAR") ||
  99. (obj.name == "FOCUSFAR") ) {
  100. }
  101. } else {
  102. obj = null;
  103. return false;
  104. }
  105. }
  106.  
  107. function onMouseUp(e) {
  108. if (!obj) {
  109. return true;
  110. }
  111. if (document.layers) {
  112. if ( (obj.name == "FOCUSNEAR") ||
  113. (obj.name == "FOCUSFAR") ) {
  114. sendCamera(obj.name, 1);
  115. }
  116. }
  117. }
  118.  
  119. function sendCamera(kind, dist) {
  120. hrefsrc = "http://seiwacity.com:8080/nphControlCamera";
  121. if (document.layers) {
  122. hrefsrc += document.links[document.links.length-1].search;
  123. indexBright = hrefsrc.indexOf("Direction=FocusAuto&");
  124. if( indexBright > 0 ) {
  125. substr1 = hrefsrc.substr(0,indexBright);
  126. substr2 = hrefsrc.substr(
  127. (indexBright+("Direction=FocusAuto&".length)) );
  128. hrefsrc = substr1 + substr2;
  129. }
  130. hrefsrc += "&Sound=Enable";
  131. if (kind == "FOCUSNEAR") {
  132. hrefsrc += "&Direction=FocusNear" + "&Dist=" + dist;
  133. parent.Message.location.href = hrefsrc;
  134. } else if (kind == "FOCUSFAR") {
  135. hrefsrc += "&Direction=FocusFar" + "&Dist=" + dist;
  136. parent.Message.location.href = hrefsrc;
  137. }
  138. if (dist==2) {
  139. obj=null;
  140. }
  141. } else if ( (document.all) ||
  142. (document.getElementsByTagName) ) {
  143. for (i=0; i<document.links.length; ++i) {
  144. if (document.links[i].id == "DUMMY") {
  145. hrefsrc += document.links[i].search;
  146. indexBright = hrefsrc.indexOf("Direction=FocusAuto&");
  147. if (indexBright > 0) {
  148. substr1 = hrefsrc.substr(0,indexBright);
  149. substr2 = hrefsrc.substr(
  150. (indexBright+("Direction=FocusAuto&".length)) );
  151. hrefsrc = substr1 + substr2;
  152. }
  153. break;
  154. }
  155. }
  156. hrefsrc += "&Sound=Enable";
  157. if (kind == "FOCUSNEAR") {
  158. hrefsrc += "&Direction=FocusNear" + "&Dist=" + dist;
  159. parent.Message.location.href = hrefsrc;
  160. } else if (kind == "FOCUSFAR") {
  161. hrefsrc += "&Direction=FocusFar" + "&Dist=" + dist;
  162. parent.Message.location.href = hrefsrc;
  163. }
  164. if (dist==2) {
  165. obj=null;
  166. }
  167. }
  168. }
  169.  
  170. //-->
  171. </SCRIPT>
  172.  
  173. <META content="MSHTML 6.00.2900.2873" name=GENERATOR></HEAD>
  174. <BODY text=#ffffff vLink=#ffffff aLink=#ffffff link=#ffffff bgColor=#c4ceef
  175. topMargin=0 onload=doInit() MARGINHEIGHT="0">
  176. <SCRIPT language=JavaScript>
  177. <!--
  178. function ChangeRPeriod(RPeriod) {
  179. top.location.href = "CgiStart?page=Single&Resolution=320x240&Quality=Standard&RPeriod="+RPeriod+"&Size=STD&PresetOperation=Move&Language=1";
  180. }
  181. //-->
  182. </SCRIPT>
  183.  
  184. <SCRIPT language=JavaScript>
  185. <!--
  186. function alertOutput(a){
  187. document.f.OutputType.value = a;
  188. if(a == 1) {
  189. document.f.OutputName.value = document.f.oButton.value;
  190. } else {
  191. document.f.OutputName.value = document.f.cButton.value;
  192. }
  193. document.f.submit();
  194. return;
  195. }
  196. function ChangePreset(Val) {
  197. var Type = "Preset";
  198. if (Val == "-1") {
  199. return;
  200. } else if (Val == "HomePosition") {
  201. Type = "HomePosition";
  202. Val = "0";
  203. } else if (Val == "Alarm1"){
  204. Type = "Alarm";
  205. Val = "1";
  206. } else if (Val == "Alarm2") {
  207. Type = "Alarm";
  208. Val = "2";
  209. } else if (Val == "Sensor1") {
  210. Type = "Sensor";
  211. Val = "1";
  212. }
  213. var Dir = "Preset";
  214. if (Type == "HomePosition") {
  215. Dir = "HomePosition";
  216. }
  217. 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;
  218. document.pf.presetSelect.selectedIndex = 0;
  219. }
  220. //-->
  221. </SCRIPT>
  222. <!-- ** Pan/Tilt & HomePos. ** -->
  223. <TABLE cellSpacing=0 cellPadding=0 width=94 border=0>
  224. <TBODY>
  225. <TR>
  226. <TD><FONT style="FONT-SIZE: 11px" face=Arial
  227. color=#000000>&nbsp;パン／チルト</FONT></TD></TR>
  228. <TR>
  229. <TD height=1></TD></TR>
  230. <TR>
  231. <TD align=middle bgColor=#c4ceef><IMG height=98
  232. src="image/pad.gif" width=90 useMap=#pad border=0><MAP
  233. name=pad> <AREA title=パンスキャン shape=CIRCLE target=Message alt=パンスキャン
  234. coords=12,12,10
  235. href="http://seiwacity.com:8080/nphControlCamera?Direction=PanScan&amp;Resolution=320x240&amp;Quality=Standard&amp;RPeriod=0&amp;Size=STD&amp;PresetOperation=Move&amp;Language=1"><AREA
  236. title=チルトスキャン shape=CIRCLE target=Message alt=チルトスキャン coords=78,12,10
  237. href="http://seiwacity.com:8080/nphControlCamera?Direction=TiltScan&amp;Resolution=320x240&amp;Quality=Standard&amp;RPeriod=0&amp;Size=STD&amp;PresetOperation=Move&amp;Language=1"><AREA
  238. title=チルトアップ shape=CIRCLE target=Message alt=チルトアップ coords=45,33,10
  239. href="http://seiwacity.com:8080/nphControlCamera?Direction=TiltUp&amp;Resolution=320x240&amp;Quality=Standard&amp;RPeriod=0&amp;Size=STD&amp;PresetOperation=Move&amp;Language=1"><AREA
  240. title=パンレフト shape=CIRCLE target=Message alt=パンレフト coords=20,58,10
  241. href="http://seiwacity.com:8080/nphControlCamera?Direction=PanLeft&amp;Resolution=320x240&amp;Quality=Standard&amp;RPeriod=0&amp;Size=STD&amp;PresetOperation=Move&amp;Language=1"><AREA
  242. title=ホームポジション shape=CIRCLE target=Message alt=ホームポジション coords=45,58,10
  243. href="http://seiwacity.com:8080/nphControlCamera?Direction=HomePosition&amp;Resolution=320x240&amp;Quality=Standard&amp;RPeriod=0&amp;Size=STD&amp;PresetOperation=Move&amp;Language=1"><AREA
  244. title=パンライト shape=CIRCLE target=Message alt=パンライト coords=70,58,10
  245. href="http://seiwacity.com:8080/nphControlCamera?Direction=PanRight&amp;Resolution=320x240&amp;Quality=Standard&amp;RPeriod=0&amp;Size=STD&amp;PresetOperation=Move&amp;Language=1"><AREA
  246. title=チルトダウン shape=CIRCLE target=Message alt=チルトダウン coords=45,83,10
  247. href="http://seiwacity.com:8080/nphControlCamera?Direction=TiltDown&amp;Resolution=320x240&amp;Quality=Standard&amp;RPeriod=0&amp;Size=STD&amp;PresetOperation=Move&amp;Language=1"></MAP></TD></TR></TBODY></TABLE>
  248. <TABLE cellSpacing=0 cellPadding=0 width=94 border=0>
  249. <TBODY>
  250. <TR>
  251. <TD height=3></TD></TR></TBODY></TABLE><!-- ** Zoom ** -->
  252. <TABLE cellSpacing=0 cellPadding=0 width=94 bgColor=#9aaaca border=0>
  253. <TBODY>
  254. <TR>
  255. <TD height=1></TD></TR>
  256. <TR>
  257. <TD align=left><SPAN id=ZOOMTELE><A
  258. href="http://seiwacity.com:8080/nphControlCamera?Direction=ZoomTele&amp;Resolution=320x240&amp;Quality=Standard&amp;RPeriod=0&amp;Size=STD&amp;PresetOperation=Move&amp;Language=1"
  259. target=Message><IMG title=テレ alt=テレ
  260. src="image/ZoomTele.gif" border=0
  261. name=zoomTele></A></SPAN></TD>
  262. <TD vAlign=center align=middle height=18><FONT style="FONT-SIZE: 10px"
  263. face=Arial color=#000000><B>ズーム</B></FONT></TD>
  264. <TD align=right><SPAN id=ZOOMWIDE><A
  265. href="http://seiwacity.com:8080/nphControlCamera?Direction=ZoomWide&amp;Resolution=320x240&amp;Quality=Standard&amp;RPeriod=0&amp;Size=STD&amp;PresetOperation=Move&amp;Language=1"
  266. target=Message><IMG title=ワイド alt=ワイド
  267. src="image/ZoomWide.gif" border=0
  268. name=zoomWide></A></SPAN></TD></TR></TBODY></TABLE>
  269. <TABLE cellSpacing=0 cellPadding=0 width=94 border=0>
  270. <TBODY>
  271. <TR>
  272. <TD height=3></TD></TR></TBODY></TABLE><!-- ** Focus ** -->
  273. <TABLE cellSpacing=0 cellPadding=0 width=94 bgColor=#9aaaca border=0>
  274. <TBODY>
  275. <TR>
  276. <TD colSpan=3 height=1></TD></TR>
  277. <TR>
  278. <TD vAlign=top align=middle colSpan=3><FONT style="FONT-SIZE: 10px"
  279. face=Arial color=#000000><B>フォーカス</B></FONT></TD></TR><!-- ** Focus map ** -->
  280. <TR>
  281. <TD align=left><SPAN id=FOCUSNEAR style="CURSOR: pointer"><IMG title=近く
  282. alt=近く src="image/FocusNear.gif" border=0
  283. name=focusNear></SPAN></TD>
  284. <TD align=middle><SPAN id=FOCUSAUTO><A id=DUMMY
  285. href="http://seiwacity.com:8080/nphControlCamera?Direction=FocusAuto&amp;Resolution=320x240&amp;Quality=Standard&amp;RPeriod=0&amp;Size=STD&amp;PresetOperation=Move&amp;Language=1"
  286. target=Message><IMG title=自動 alt=自動
  287. src="image/FocusAuto.gif" border=0
  288. name=focusAuto></A></SPAN></TD>
  289. <TD align=right><SPAN id=FOCUSFAR style="CURSOR: pointer"><IMG title=遠く
  290. alt=遠く src="image/focusFar.gif" border=0
  291. name=FocusFar></SPAN></TD></TR></TBODY></TABLE>
  292. <TABLE cellSpacing=0 cellPadding=0 width=94 border=0>
  293. <TBODY>
  294. <TR>
  295. <TD height=3></TD></TR></TBODY></TABLE><!-- ** Preset ** -->
  296. <TABLE cellSpacing=0 cellPadding=0 width=94 border=0>
  297. <TBODY>
  298. <TR>
  299. <TD vAlign=center align=left height=11><FONT style="FONT-SIZE: 11px"
  300. face=Arial color=#000000>&nbsp;プリセット</FONT></TD></TR></TBODY></TABLE><!-- ** Preset Control ** -->
  301. <TABLE cellSpacing=0 cellPadding=2 width=94 bgColor=#9aaaca border=0>
  302. <TBODY>
  303. <TR>
  304. <TD vAlign=center align=middle width=18 height=18><A
  305. href="http://seiwacity.com:8080/nphControlCamera?Direction=Preset&amp;PresetOperation=Move&amp;Data=1&amp;Resolution=320x240&amp;Quality=Standard&amp;RPeriod=0&amp;Size=STD&amp;Language=1"
  306. target=Message><IMG title=内部温度 height=18 alt=内部温度
  307. src="image/PresetOFF01.gif" width=18 border=0></A></TD>
  308. <TD vAlign=center align=middle width=18 height=18><A
  309. href="http://seiwacity.com:8080/nphControlCamera?Direction=Preset&amp;PresetOperation=Move&amp;Data=2&amp;Resolution=320x240&amp;Quality=Standard&amp;RPeriod=0&amp;Size=STD&amp;Language=1"
  310. target=Message><IMG title=JR奈良方面 height=18 alt=JR奈良方面
  311. src="image/PresetOFF02.gif" width=18 border=0></A></TD>
  312. <TD vAlign=center align=middle width=18 height=18><A
  313. href="http://seiwacity.com:8080/nphControlCamera?Direction=Preset&amp;PresetOperation=Move&amp;Data=3&amp;Resolution=320x240&amp;Quality=Standard&amp;RPeriod=0&amp;Size=STD&amp;Language=1"
  314. target=Message><IMG title=JR大阪方面 height=18 alt=JR大阪方面
  315. src="image/PresetOFF03.gif" width=18 border=0></A></TD>
  316. <TD vAlign=center align=middle width=18 height=18><IMG title="" height=18
  317. alt="" src="image/PresetON04.gif" width=18
  318. border=0></TD></TR>
  319. <TR>
  320. <TD vAlign=center align=middle width=18 height=18><IMG title="" height=18
  321. alt="" src="image/PresetON05.gif" width=18 border=0></TD>
  322. <TD vAlign=center align=middle width=18 height=18><IMG title="" height=18
  323. alt="" src="image/PresetON06.gif" width=18 border=0></TD>
  324. <TD vAlign=center align=middle width=18 height=18><IMG title="" height=18
  325. alt="" src="image/PresetON07.gif" width=18 border=0></TD>
  326. <TD vAlign=center align=middle width=18 height=18><IMG title="" height=18
  327. alt="" src="image/PresetON08.gif" width=18
  328. border=0></TD></TR></TBODY></TABLE>
  329. <TABLE cellSpacing=0 cellPadding=0 width=94 border=0>
  330. <TBODY>
  331. <TR>
  332. <TD style="WIDTH: 94px" bgColor=#9aaaca>
  333. <DIV align=center>
  334. <FORM style="MARGIN: 0px" name=pf action=# method=post><SELECT
  335. style="FONT-SIZE: 12px; BACKGROUND: #1961df; WIDTH: 113px; COLOR: #ffffff"
  336. onchange=ChangePreset(this.value) name=presetSelect> <OPTION
  337. selected>-プリセット-</OPTION> <OPTION value=HomePosition>ホームポジション</OPTION>
  338. <OPTION value=1>1.内部温度</OPTION> <OPTION value=2>2.JR奈良方面</OPTION>
  339. <OPTION value=3>3.JR大阪方面</OPTION></SELECT>
  340. </FORM></DIV></TD></TR></TBODY></TABLE>
  341. <TABLE cellSpacing=0 cellPadding=0 width=94 border=0>
  342. <TBODY>
  343. <TR>
  344. <TD height=3></TD></TR></TBODY></TABLE><!-- ** Brightness ** -->
  345. <TABLE cellSpacing=0 cellPadding=0 width=94 border=0>
  346. <TBODY>
  347. <TR>
  348. <TD vAlign=center align=left><FONT style="FONT-SIZE: 11px" face=Arial
  349. color=#000000>&nbsp;明るさ</FONT></TD></TR>
  350. <TR>
  351. <TD><!-- ** Brightness map ** -->
  352. <TABLE cellSpacing=1 cellPadding=0 width=92 border=0>
  353. <TBODY>
  354. <TR>
  355. <TD vAlign=center align=middle width=28 bgColor=#1961df height=17><A
  356. style="WIDTH: 28px; TEXT-DECORATION: none"
  357. href="http://seiwacity.com:8080/nphControlCamera?Direction=Darker&amp;Resolution=320x240&amp;Quality=Standard&amp;RPeriod=0&amp;Size=STD&amp;PresetOperation=Move&amp;Language=1"
  358. target=Message><FONT style="FONT-SIZE: 11px"
  359. face=Impact>&nbsp;<B>-</B>&nbsp;</FONT></A></TD>
  360. <TD vAlign=center align=middle width=28 bgColor=#1961df height=17><A
  361. style="WIDTH: 28px; TEXT-DECORATION: none"
  362. href="http://seiwacity.com:8080/nphControlCamera?Direction=DefaultBrightness&amp;Resolution=320x240&amp;Quality=Standard&amp;RPeriod=0&amp;Size=STD&amp;PresetOperation=Move&amp;Language=1"
  363. target=Message><FONT style="FONT-SIZE: 11px"
  364. face=Arial>標準</FONT></A></TD>
  365. <TD vAlign=center align=middle width=28 bgColor=#1961df height=17><A
  366. style="WIDTH: 28px; TEXT-DECORATION: none"
  367. href="http://seiwacity.com:8080/nphControlCamera?Direction=Brighter&amp;Resolution=320x240&amp;Quality=Standard&amp;RPeriod=0&amp;Size=STD&amp;PresetOperation=Move&amp;Language=1"
  368. target=Message><FONT style="FONT-SIZE: 11px"
  369. face=Arial>&nbsp;<B>+</B>&nbsp;</FONT></A></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE><!-- ** Resolution ** -->
  370. <TABLE cellSpacing=0 cellPadding=0 width=94 border=0>
  371. <TBODY>
  372. <TR>
  373. <TD colSpan=2><FONT style="FONT-SIZE: 11px" face=Arial
  374. color=#000000>&nbsp;解像度</FONT></TD></TR>
  375. <TR>
  376. <TD colSpan=2 height=1></TD></TR>
  377. <TR>
  378. <TD vAlign=center align=middle width=18 bgColor=#34769c height=17>&nbsp;</TD>
  379. <TD vAlign=center width=72 bgColor=#34769c height=17><A
  380. style="WIDTH: 72px; TEXT-DECORATION: none"
  381. href="http://seiwacity.com/live_main.html"
  382. target=_top><FONT style="FONT-SIZE: 11px"
  383. face=Arial>&nbsp;640x480&nbsp;&nbsp;&nbsp;</FONT></A></TD></TR>
  384. <TR>
  385. <TD colSpan=2 height=3></TD></TR>
  386. <TR>
  387. <TD vAlign=center align=middle width=18 bgColor=#cc6666 height=17>*</TD>
  388. <TD vAlign=center width=72 bgColor=#34769c height=17><A
  389. style="WIDTH: 72px; TEXT-DECORATION: none"
  390. target=_top><FONT style="FONT-SIZE: 11px"
  391. face=Arial>&nbsp;320x240&nbsp;&nbsp;&nbsp;</FONT></A></TD></TR>
  392. <TR>
  393. <TD colSpan=2 height=1>
  394. </TD></TR></TBODY></TABLE>
  395. <!-- ** Image quality ** -->
  396. <!--
  397. <TABLE cellSpacing=0 cellPadding=0 width=94 border=0>
  398. <TBODY>
  399. <TR>
  400. <TD vAlign=center colSpan=2><FONT style="FONT-SIZE: 11px" face=Arial
  401. color=#000000>&nbsp;画質 </FONT></TD></TR>
  402. <TR>
  403. <TD colSpan=2 height=1></TD></TR>
  404. <TR>
  405. <TD vAlign=center align=middle width=18 bgColor=#34769c
  406. height=17>&nbsp;</TD>
  407. <TD vAlign=center width=72 bgColor=#34769c height=17><A
  408. style="WIDTH: 72px; TEXT-DECORATION: none"
  409. href="http://seiwacity.com:8080/CgiStart?page=Single&amp;Resolution=320x240&amp;Quality=Clarity&amp;RPeriod=0&amp;Size=STD&amp;PresetOperation=Move&amp;Language=1"
  410. target=_top><FONT style="FONT-SIZE: 11px"
  411. face=Arial>&nbsp;画質優先</FONT></A></TD></TR>
  412. <TR>
  413. <TD colSpan=2 height=3></TD></TR>
  414. <TR>
  415. <TD vAlign=center align=middle width=18 bgColor=#cc6666 height=17>*</TD>
  416. <TD vAlign=center width=72 bgColor=#34769c height=17><A
  417. style="WIDTH: 72px; TEXT-DECORATION: none"
  418. href="http://seiwacity.com:8080/CgiStart?page=Single&amp;Resolution=320x240&amp;Quality=Standard&amp;RPeriod=0&amp;Size=STD&amp;PresetOperation=Move&amp;Language=1"
  419. target=_top><FONT style="FONT-SIZE: 11px"
  420. face=Arial>&nbsp;標準</FONT></A></TD></TR>
  421. <TR>
  422. <TD colSpan=2 height=3></TD></TR>
  423. <TR>
  424. <TD vAlign=center align=middle width=18 bgColor=#34769c
  425. height=17>&nbsp;</TD>
  426. <TD vAlign=center width=72 bgColor=#34769c height=17><A
  427. style="WIDTH: 72px; TEXT-DECORATION: none"
  428. href="http://seiwacity.com:8080/CgiStart?page=Single&amp;Resolution=320x240&amp;Quality=Motion&amp;RPeriod=0&amp;Size=STD&amp;PresetOperation=Move&amp;Language=1"
  429. target=_top><FONT style="FONT-SIZE: 11px"
  430. face=Arial>&nbsp;動き優先</FONT></A></TD></TR> -->
  431. <TR>
  432. <TD colSpan=2 height=1></TD></TR></TBODY></TABLE></BODY></HTML>

CgiTitle.htm（../cgi-bin/real_time/real_time.jsは現在の訪問者CGIです。別途設定して下さい）

CgiTitle.htm

  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
  2. <HTML>
  3. <HEAD>
  4. <TITLE>CgiTitle</TITLE>
  5. <META http-equiv=expires content=0>
  6. <META http-equiv=Pragma content=no-cache>
  7. <META http-equiv=Cache-Control content=no-cache>
  8. <META content=NONE name=ROBOTS>
  9. <META content=NOINDEX,NOFOLLOW name=ROBOTS>
  10. <META http-equiv=Content-type content="text/html; charset=euc-jp">
  11. <META content="MSHTML 6.00.2900.2873" name=GENERATOR>
  12. </HEAD>
  13. <BODY text=#000000 vLink=#000000 aLink=#000000 link=#000000 bgColor=#efefef
  14. leftMargin=0 topMargin=0 marginwidth="0" MARGINHEIGHT="0">
  15. <TABLE style="TEXT-ALIGN: left" height=24 cellSpacing=0 cellPadding=0 width=765
  16. border=0>
  17. <TBODY>
  18. <TR bgColor=#c5d0f0>
  19. <TD width=120 height=24></TD><TD><IMG title=スナップショット(静止画)を撮る style="CURSOR: pointer"
  20. onclick="window.open('http://seiwacity.com:8080/CgiSnapShot?Resolution=640x480&amp;Quality=Precision&amp;Language=1','_blank' ,'width=660, height=600')"
  21. alt=スナップショット(静止画)を撮る src="image/SnapShotButton.jpg"></TD>
  22. <TD width=128 height=24><FONT style="FONT-SIZE: 13px; TEXT-ALIGN: left"
  23. face=Arial color=#000000>サンキュー堂</FONT>
  24. </TD>
  25. <TD width=490 height=24>
  26. <script src="../cgi-bin/real_time/real_time.js"></script><FONT style="FONT-SIZE: 11px; TEXT-ALIGN: left"
  27. face=Arial color=#000000><span style="vertical-align: text-top"> 人訪問中 </span></FONT>
  28. </TD>
  29. </TR>
  30. </TBODY>
  31. </TABLE>
  32. </BODY>
  33. </HTML>

CgiTitle_s.htm

  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
  2. <HTML>
  3. <HEAD>
  4. <TITLE>CgiTitle</TITLE>
  5. <META http-equiv=expires content=0>
  6. <META http-equiv=Pragma content=no-cache>
  7. <META http-equiv=Cache-Control content=no-cache>
  8. <META content=NONE name=ROBOTS>
  9. <META content=NOINDEX,NOFOLLOW name=ROBOTS>
  10. <META http-equiv=Content-type content="text/html; charset=euc-jp">
  11. <META content="MSHTML 6.00.2900.2873" name=GENERATOR>
  12. </HEAD>
  13. <BODY text=#000000 vLink=#000000 aLink=#000000 link=#000000 bgColor=#efefef
  14. leftMargin=0 topMargin=0 marginwidth="0" MARGINHEIGHT="0">
  15. <TABLE style="TEXT-ALIGN: left" height=24 cellSpacing=0 cellPadding=0 width=765
  16. border=0>
  17. <TBODY>
  18. <TR bgColor=#c5d0f0>
  19. <TD width=120 height=24></TD><TD><IMG title=スナップショット(静止画)を撮る style="CURSOR: pointer"
  20. onclick="window.open('http://seiwacity.com:8080/CgiSnapShot?Resolution=320x240&amp;Quality=Precision&amp;Language=1','_blank' ,'width=350, height=350')"
  21. alt=スナップショット(静止画)を撮る src="image/SnapShotButton.jpg"></TD>
  22. <TD width=128 height=24><FONT style="FONT-SIZE: 13px; TEXT-ALIGN: left"
  23. face=Arial color=#000000>サンキュー堂</FONT>
  24. </TD>
  25. <TD width=490 height=24>
  26. <script src="../cgi-bin/real_time/real_time.js"></script><FONT style="FONT-SIZE: 11px; TEXT-ALIGN: left"
  27. face=Arial color=#000000><span style="vertical-align: text-top"> 人訪問中 </span></FONT>
  28. </TD>
  29. </TR>
  30. </TBODY>
  31. </TABLE>
  32. </BODY>
  33. </HTML>

dummy.html

  1. <html>
  2. <head>
  3. <title>
  4. Dummy Frame
  5. </title>
  6. </head>
  7. <body BGCOLOR="#C4CEEF">
  8. </body>
  9. </html>

bottom.html

  1. <!-- bottom.html ボトム用フレーム -->
  2. <html>
  3. <head>
  4. <title>
  5. Bottom Frame
  6. </title>
  7. </head>
  8. <BODY text=#000000 vLink=#000000 aLink=#000000 link=#000000 bgColor=#efefef
  9. leftMargin=0 topMargin=0 marginwidth="0" MARGINHEIGHT="0">
  10. <script src="../cgi-bin/real_time/real_time.js"></script><FONT style="FONT-SIZE: 13px; TEXT-ALIGN: right"
  11. face=Arial color=#000000>人訪問中</FONT></body>
  12. </html>