Planex CS-WMV02Gをハックする(2)

管理人のトップページ管理人ブログ戻る
     Planex CS-WMV02Gをハックする(2)

Date Written : 2010/12/28
mail : beatlesoft@gmail.com
※注意一応ここでの操作はUnix系(LinuxFreeBSDなど)のOSを知っていて、サーバーを構築した経験のある方が対象です。また結果としてメーカー保障は受けられなくなる可能性がありますし、トラブルが発生した場合は全て自己責任となりますので、ご了解ください。
また、Planex CS-WMV02Gをハックする(1)を読んでいただいて、フォルダー構造をご存知であることを前提といたしまして、プログラムソースのみをメインに掲載します。プログラムの説明は適当に省略いたしますが、htmlなんで難しくないとおもいます。
You Tubeに4300枚の動態検知された画像ファイルを全自動でdivx5動画に変換したファイルをアップロードしてあります。監視カメラから一日２４時間の動きを３分35秒で確認できます。動画はvga,qvgaに対応しておりますが、便利ですよ。
本カメラの組み込みサーバーではActiveXを利用しています。そこで、全く見えないブラウザーも出てきますし、AndroidやiPadでは表示できませんでした。そこで、今回は殆ど全てのデバイスで表示とカメラコントロールができることを前提に作りました。

画像見本

Android携帯IS01でネットワークカメラを表示

駐車場を写してみた

自宅マンションを写してみた

カメラコントロール
1)パンとチルトが出来る。(左右上下にカメラの首フリが出来る)
2)パンとチルトのスピードを変更できる。
3)ホームポジションに移動できる。

htmlはフレームを利用しているので3つの構成となっています。
1)smt.html (フレーム設定用)
2)snp.html (カメラの画像表示部分)
3)tp.html (コントール部品配置用:これがキモ)
4)gifの部品

配置
/mnt/flash/www/
  +--smt.html
  +--snp.html
  +--tp.html
  +--pic/
       +---部品gifファイル
tp.htmlをよく見るともっといろんなことが出来るんだがスマートフォン用なので設定をやめました。

カメラコントロール用画像部品

上
下
左
右
本

smt.html

<HTML><HEAD><meta charset="shift-jis">
<TITLE></TITLE>
<script language="JavaScript1.2">
var message = "Wireless Network Camera with Pan/Tilt"
var message = message+"         " i = "0"
var temptitle = ""
var speed = "150"
function titler(){
    if (!document.all && !document.getElementById) return
    document.title = temptitle + message.charAt(i)
    temptitle = temptitle + message.charAt(i)
    i++
    if(i == message.length){
      i = "0"
      temptitle = ""
    }
    setTimeout("titler()",speed)
}
window.onload=titler
</script>
</HEAD>
<FRAMESET border=0 ROWS="0,*">
  <FRAMESET border="0" cols="50,*">
    <frame name=leftframe marginWidth=0 marginHeight=0 noResize scrolling="auto" >
    <frame  name=mainframe marginWidth=0 marginHeight=0  noResize scrolling="auto">
  </FRAMESET>

  <FRAMESET border=0 cols="50,0,*,0">
     <FRAME name=leftframe marginWidth=0 marginHeight=0 src="tp.html" noResize scrolling="auto">
     <FRAME name=center marginWidth=0 marginHeight=0  noResize scrolling="auto">
     <FRAME name=mainframe marginWidth=0 marginHeight=0 src="snp.html" noResize scrolling="auto">
     <FRAME name=retframe marginWidth=0 marginHeight=0  scrolling="auto">
  </FRAMESET>
</FRAMESET>
</HTML>

snp.html

<html>
<head>
<meta http-equiv="Refresh" content="10">
<style type="text/css">
@import url(default.css);
</style>

<script type="text/javascript" src="/cgi-bin/pubinfo.cgi"></script>

<script type="text/javascript" src="plugindef.js"></script>
<script type="text/javascript">

</script>
</head>
<body onload="Resize()">
<img border="0" src="/cgi-bin/video.jpg">
</body>
</html>

tp.html

<html>
<head>
<meta charset="shift-jis">
<title>PT7137</title>

<script type="text/javascript" src="/cgi-bin/pubinfo.cgi"></script>
<script type="text/javascript" src="camctrl.js"></script>
<script type="text/javascript" src="/plugindef.js"></script>
<script type="text/javascript" src="audiovideo.js"> </script>
<script language=JavaScript>

</script>
<SCRIPT language=JavaScript>

</SCRIPT>
<SCRIPT language=JavaScript>

</SCRIPT>

<script language="JavaScript1.2">

</script>
</head>
<body onLoad="loadCurrentSetting()">
  <TABLE width="50">
        <tr><td height="30"><br></td></tr>
        <tr><TD align="center"><A onmouseover="MM_swapImage('up','','pic/u.gif',1)" onmouseout=MM_swapImgRestore()
            href="/cgi-bin/camctrl.cgi?move=up" target=retframe><IMG src="pic/u.gif" border=0 name=left></A></TD></tr>
        <tr><TD align="center"><A onmouseover="MM_swapImage('left','','pic/l.gif',1)" onmouseout=MM_swapImgRestore()
            href="/cgi-bin/camctrl.cgi?move=left" target=retframe><IMG src="pic/l.gif" border=0 name=left></A></TD></tr>
        <tr><TD align="center" valign="center" height="45"><A onmouseover="MM_swapImage('home','','pic/h.gif',1)" onmouseout=MM_swapImgRestore()
            href="/cgi-bin/camctrl.cgi?move=home" target=retframe><IMG src="pic/h.gif" border=0 name=home></A></TD></tr>
        <tr><TD align="center"><A onmouseover="MM_swapImage('right','','pic/r.gif',1)" onmouseout=MM_swapImgRestore()
            href="/cgi-bin/camctrl.cgi?move=right" target=retframe><IMG src="pic/r.gif" border=0 name=right></A></TD></tr>
        <tr><TD align="center"><A onmouseover="MM_swapImage('down','','pic/d.gif',1)" onmouseout=MM_swapImgRestore()
            href="/cgi-bin/camctrl.cgi?move=down" target=retframe><IMG src="pic/d.gif" border=0 name=down></A></TD></tr>
        <tr>
            <TD align=left>
            <br>Pan<br>
            <SELECT class=choFont onchange=SubmitPanspeed(this) name=speedpan>
            <option  value=-5>-5</option>
            <option  value=-4>-4</option>
            <option  value=-3>-3</option>
            <option  value=-2>-2</option>
            <option  value=-1>-1</option>
            <option selected value=0>0</option>
            <option  value=1>1</option>
            <option  value=2>2</option>
            <option  value=3>3</option>
            <option  value=4>4</option>
            <option  value=5>5</option></SELECT>
          </TD>
        </TR>
        <tr>
            <TD align=left>
            Tilt<br>
           <SELECT class=choFont onchange=SubmitTiltspeed(this) name=speedtilt>
            <option  value=-5>-5</option>
            <option  value=-4>-4</option>
                <option  value=-3>-3</option>
                <option  value=-2>-2</option>
                <option  value=-1>-1</option>
                <option selected value=0>0</option>
                <option  value=1>1</option>
                <option  value=2>2</option>
                <option  value=3>3</option>
                <option  value=4>4</option>
                <option  value=5>5</option></SELECT>

                </TD>
           </TR>
    <tr>
  </table>
</body>
</html>