obnizで遠隔監視カメラ作成

#見守りカメラが欲しい。
夜間にもオペレーターなしで（無人で）連続稼働してくれるロボットを業務で扱っています。夜間無人ロボットは便利ですが時々予期せぬトラブルで夜間に停止してしまいます。朝、出社したら、予定通りの仕事を完遂していなくて、「止まったら知らせてよ」とロボットに文句を言ってなぜ止まったかを調べ改善してから再稼働します。時間と材料費がロスします。単純に設定ミスで止まることもありますが、微妙な取り上げる部品の形状誤差や位置ずれなど「確率として仕方ないか」という時もあります。
止まったら知らせてほしいのですが、ロボットにはそのような社外に送信するような機能はありません。

せめて、夜間の稼働状況を、自分のスマートフォンや自宅のPCから見たいです。

##市販の普及している見守りカメラのセキュリティが不安

離れたところの様子をWIFIとインターネットを使って監視する見守りカメラは1万円から2万円あたりで商品として普及しています。ペットなどの見守り用途で家庭に置くのだったらこれでいいと思いますが、会社内の工場、管理室や実験室に置くカメラとしては以下の2つの欠点があります。

（１）IP監視カメラのサイバー攻撃を受けたら大変。会社の信用が損なわれる。
IP監視カメラは、サイバー犯罪者にとって最大の標的となっています。システムの脆弱性を悪用してデバイスへアクセスし管理者権限を得ようとしています。サイバー攻撃者は、ひとたびIP監視カメラの管理者権限を奪うと、悪意のあるスクリプトをデバイス上にダウンロードして実行したり、カメラ内の情報をコマンド&コントロール（C&C）サーバに送信したりします。このように管理者権限を奪われてしまったら、会社の信用が損なわれてしまいます。なおこれらのマルウェア感染要因の1つとして、“デフォルトのパスワードを使い続けている”ということが挙げられますが、IoTデバイスの中には、パスワードがハードコーディングされており、利用者が変更できないだけでなく、“利用者が知り得ない”“ユーザーを無効化できない”場合もあり得ます。

参考：
[IoTにおける監視カメラの安全性をどう確保するべきか【前編】]
(https://www.trendmicro.com/jp/iot-security/special/50189)
[IoTにおける監視カメラの安全性をどう確保するべきか【後編】]
(https://www.trendmicro.com/jp/iot-security/special/50192)
[IoTデバイスを狙うマルウェア「Mirai」とは何か――その正体と対策](https://techfactory.itmedia.co.jp/tf/articles/1704/13/news010.html)

（２）見守りカメラは、指定のアプリをインストールしてアプリから見るタイプがほとんどで、機種ごとにアプリが何しているか理解するのが大変です。画像や動画がどこかのサーバーに保管されている場合もあるがよくわからないから不安になります。ペットの写真だったら許せますが、会社の業務工程の写真は、セキュリティ上、知らないサーバーに保管されることは禁止です。

#動作が把握できるシンプルなカメラを作ろう
写真を撮影してその写真をブラウザで見るだけの簡単な機能のカメラを作ることにしました。動画撮影なし。音声なし。人感センサーなし。音声認識なし。静止画をスナップショットで撮影して離れた場所のブラウザで見るだけのものを作る。単純だし、これで目的として必要十分だし、画像がメーカーが設定したサーバーに保管されることもないし、他人が画像を見れそうにないし、サイバー攻撃も受けそうにないし、これでよいです。

#作成方法

ObnizとOV2640使用の200万画素カメラで作ることにしました。現場でWifiのSSIDをPCなし専門スキルなしで切り替える場合があるという特殊環境にあっていたからです。

以下の記事を参考にさせていただきました。異なる点は、5V供給パーツのみです。
[obnizのパーツライブラリを試す：JPEGカメラArduCAMMini](https://iot-gym.com/arducammini-obniz/)

##パーツ説明

obniz ボード[ホビーライセンス90日間トライアル]
¥4,950（税込み）
https://obniz.myshopify.com/collections/devices/products/obniz-board-hobby-license-90-day-trial
または
https://www.amazon.co.jp/dp/B07X1K5392/ref=as_li_ss_tl?ie=UTF8&linkCode=sl1&tag=wicket-22&linkId=153860add76ed4f4ac6c0577ee64da78&language=ja_JP
![20191013_19-25-59.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/269534/d8a119a4-50de-a247-f9a3-f097e89c2caf.jpeg)



ＯＶ２６４０使用２００万画素カメラ　フレームバッファ付き　Ｍ１２ピンホール　Ｂ００６７
[B0067]
通販コード　M-13199
メーカーカテゴリ　Arducam
¥3,120（税込み）
http://akizukidenshi.com/catalog/g/gM-13199/
![20191013_18-06-55.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/269534/691e1a54-e554-b430-11f7-9670a02fbbcc.jpeg)



電源用マイクロＵＳＢコネクタＤＩＰ化キット
[AE-MRUSB-DIP]
通販コード　K-10972
メーカーカテゴリ　株式会社秋月電子通商
1キット ￥130（税込）
http://akizukidenshi.com/catalog/g/gK-10972/
購入後、はんだ付け作業が必要です。楽しいですね！
![20191013_18-03-26.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/269534/c27d2d33-fcc4-b4e9-8301-00f8981a1d10.jpeg)




ミニブレッドボード　ＢＢ－６０１（白）
[BB-601(White)]
通販コード　P-05155
メーカーカテゴリ　Cixi Wanjie Electronic Co.,Ltd(慈渓市万捷電子有限公司)
130円
http://akizukidenshi.com/catalog/g/gP-05155/
![20191013_18-05-47.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/269534/bd041b49-a45c-2304-d90f-57ea7f0d87b6.jpeg)



ブレッドボード・ジャンパーワイヤ　１４種類×１０本
[165-012-000(EIC-J-L)]
通販コード　P-00288
メーカーカテゴリ　E-CALL ENTERPRISE CO., LTD.
1セット ￥400（税込）
http://akizukidenshi.com/catalog/g/gP-00288/
![20191013_18-09-34.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/269534/544b225d-3dad-c3e6-61b7-be1a65235d2d.jpeg)



両端ロングピンヘッダ　１×４０　（４０Ｐ　６．１）
[PH-1x40SG(6.1/6.1)]
通販コード　C-09056
メーカーカテゴリ　Useconn Electronics Ltd.
1個 ￥50
http://akizukidenshi.com/catalog/g/gC-09056/
![20191013_18-34-22.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/269534/21b0d0f3-a7d4-8167-59d0-1173e22c83fa.jpeg)


1/4インチ　マウントネジアダプタ　三脚ネジ　フラッシュホットシュー部品
ノーブランド品 2ペア入り　プロ
￥92
[amazon 1/4インチ　マウントネジアダプタ](https://www.amazon.co.jp/%E3%83%8E%E3%83%BC%E3%83%96%E3%83%A9%E3%83%B3%E3%83%89%E5%93%81-2%E3%83%9A%E3%82%A2%E5%85%A5%E3%82%8A-%E3%83%97%E3%83%AD-1-4%E3%82%A4%E3%83%B3%E3%83%81-%E3%83%9E%E3%82%A6%E3%83%B3%E3%83%88%E3%83%8D%E3%82%B8%E3%82%A2%E3%83%80%E3%83%97%E3%82%BF-%E4%B8%89%E8%84%9A%E3%83%8D%E3%82%B8-%E3%83%95%E3%83%A9%E3%83%83%E3%82%B7%E3%83%A5%E3%83%9B%E3%83%83%E3%83%88%E3%82%B7%E3%83%A5%E3%83%BC%E9%83%A8%E5%93%81-Canon-Nikon-%E5%AF%BE%E5%BF%9C/dp/B01NCM0Q1J/ref=pd_sbs_421_t_2/358-8033859-5825351?_encoding=UTF8&pd_rd_i=B01NCM0Q1J&pd_rd_r=0626074f-4ee5-463b-afe1-e80bdff1a2e8&pd_rd_w=nULXm&pd_rd_wg=OkyNL&pf_rd_p=bb1deeb1-fae2-4e7b-8013-2a8f9e81e463&pf_rd_r=94HQ33B2FNFMQ5BQXA5S&psc=1&refRID=94HQ33B2FNFMQ5BQXA5S)
![20191013_18-57-26.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/269534/3bc09dd0-24bb-8aed-b794-1faf80b69f0a.jpeg)


三脚　100円ショップで購入
![20191013_22-09-26.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/269534/e7fbacaf-2dd7-1666-7010-aaf2a2fed433.jpeg)

はんだ付けしますので、はんだごてとはんだも必要です。
はんだごては30W以下のものがよいです。
たとえばamazonだったらこんな[電子基板用はんだ付けセット30W](https://www.amazon.co.jp/%E7%99%BD%E5%85%89-HAKKO-%E9%9B%BB%E5%AD%90%E5%9F%BA%E6%9D%BF%E7%94%A8%E3%81%AF%E3%82%93%E3%81%A0%E4%BB%98%E3%81%91%E3%82%BB%E3%83%83%E3%83%88-30W-FX510-01/dp/B0072QBJT6/ref=sr_1_13?adgrpid=65375135997&gclid=CjwKCAjwlovtBRBrEiwAG3XJ-xMbRouUIwxmdzxzWGg4sV37joRgMtFgaexg6VMKOGkbX7IeyU23EhoCUXkQAvD_BwE&hvadid=338513687979&hvdev=c&hvlocphy=1009331&hvnetw=g&hvpos=1t1&hvqmt=e&hvrand=12953312311671503582&hvtargid=aud-758806828496%3Akwd-633208787891&hydadcr=546_1012610102&jp-ad-ap=0&keywords=%E3%81%AF%E3%82%93%E3%81%A0%E3%81%94%E3%81%A6+%E3%81%8A%E3%81%99%E3%81%99%E3%82%81&qid=1570973337&sr=8-13)
 


#組み立て

電源用マイクロＵＳＢコネクタＤＩＰ化キットをはんだ付けします。

この＋－の表示が上にくるようにしてください。（私は、はじめ反対向きにして、プラスとマイナスが逆になって失敗して、もう1回パーツを買い直して、2回目で正しい向きではんだ付けできました。）
![20191013_19-41-33.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/269534/35f82a7d-1f14-e064-81ff-d7ac488c80df.jpeg)


ブレッドボードとパーツと配線の全体は以下の通り。
![20191013_23-52-38.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/269534/73f90581-049b-a2af-2b63-3a2b57f86e20.jpeg)






ブレッドボードに、両端ロングピンヘッダ12本を挿し、obnizを挿す。
obnizのio0をブレッドボートの最も左に挿します。

さらにブレッドボード・ジャンパーワイヤを写真の通り挿します。
カメラの5V電源は右の電源用マイクロＵＳＢコネクタＤＩＰ化キットから供給しています。
obnizのio5以外をArduCAMMiniに接続します。

![20191013_19-38-25.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/269534/0ef97370-b6f1-320c-a293-980f33f19d61.jpeg)

obnizのio0とArduCAMMiniの左端のピン（CSピン）が合うように配線します。


![20191013_19-38-58.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/269534/2c8a18e4-0010-cb0a-1874-354de697c580.jpeg)

カメラのピン（8本）を直接ブレッドボードにグッと挿す。えいっ！

![20191013_19-39-20.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/269534/d0612515-f7e3-eed7-a87d-e1c82cec94df.jpeg)

上から配線を見る。
![20191013_19-39-46.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/269534/8f54b857-d8b3-d15f-c136-cd4f88c03309.jpeg)


1/4インチ　マウントネジアダプタ　三脚ネジをブレッドボードの裏面の両面シールの表面を丸く切って粘着させます。
![20191013_19-40-22.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/269534/eb4fcfda-aab2-c88c-3db7-46fef5c00084.jpeg)


microUSBを2本接続して完成（ともに5Vを供給）
obnizのwifi設定（SSIDとパスワード指定）をしてください。

![20191014_00-51-18.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/269534/5388aef9-65df-528e-a0e4-a33d03a24dfd.jpeg)

#遠隔監視

以下のsnapshot.htmlファイルを作成します。

```snapshot.html
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="https://obniz.io/js/jquery-3.2.1.min.js"></script>
<script src="https://unpkg.com/obniz@latest/obniz.js"></script>
</head>
<body>

<div id="obniz-debug"></div>
<img id="image">

<script>
var obniz = new Obniz("xxxx-xxxx");  //obnizIDを入力する
obniz.onconnect = async function () {
  var cam = obniz.wired("ArduCAMMini", { cs:0, mosi:1, miso:2, sclk:3, gnd:4, sda:6, scl:7 });
  await cam.startupWait();
  const data = await cam.takeWait('640x480'); //'160x120'or'176x144'or'320x240'or'352x288'or'640x480'or'800x600'or'1024x768'or'1280x960'or'1600x1200'を指定する
  console.log("image size = " + data.length + " bytes");

  const base64 = cam.arrayToBase64(data);
  document.getElementById("image").src = "data:image/jpeg;base64, " + base64;
}
</script>
</body>
</html>
```

上記のsnapshot.htmlファイルを、スマートフォンのブラウザやPCのブラウザで開くと写真撮影してブラウザに表示されます。複数のブラウザや複数のスマートフォンやPCで同時に開くことはできません。ブラウザをリロードすると再度写真撮影して、新しい写真を見ることができます。

上のhtmlファイルに現在時間表示のJavascript（今回は略）を入れておいたら撮影した時間もわかってより便利です。

ブラウザ画面には以下のような緑のラインと実際の写真が表示されます。
![20191013_23-30-32.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/269534/372ee98a-33d7-0147-421e-8bdac79192e4.jpeg)

クラウドやファイルサーバーにsnapshot.htmlファイルを置いて、複数の人が開いて見ることもできます。前述の通り、複数の人が各自のブラウザで同時に見ることはできませんが、ブラウザはすぐ閉じるなどルールを決めておけば、複数の人で遠隔監視できて便利です。なお、snapshot.htmlをAWSのS3に保管してブラウザに読ませたら緑のラインの右側がvia internetと表示されました。

それでは、セキュリティ的に安心でシンプルな遠隔監視ライフを！！