エンジニア「くがとしお」のレベル上げ

エンジニアとして色々なことができるように資格取得、電子工作、アプリ開発を頑張ります。

ラズベリーパイ2とMJPG-streamerを使用してカメラ映像をWordPressにリアルタイム表示

      2016/05/09

どうも、くがとしおです!

ラズベリーパイ2とMJPG-streamerとUSBカメラを使用して
リアルタイムにカメラの映像をブラウザ上から確認できるようにしたいと思います。

ペットや子供の見守り、または玄関の監視カメラなどに使えると思います。

 

スポンサードリンク

その前に・・・

知っておきたい知識を紹介しておきます。

Dynamic DNS

インターネット接続時には、グローバルなIPアドレスが各プロバイダから割り当てられます。
このIPアドレスは定期的に変更され、また覚えにくいため、IPアドレスでアクセスすることは
理想的ではありません。
Dynamic DNS(Dynamic Domain Name System)は、変化するIPアドレスとドメイン名を
結びつけてドメイン名(ニックネーム)でアクセスできるようにするサービスです。

 

使用するもの

 

 

 

準備

MJPG-streamerの導入

MJPG-streamerをラズベリーパイへの導入は、Make.さんのホームページ
まとまっているため、参考に進めました。

MJPG streamer の自動起動でrc.localに記載する記述が間違っていたため注意

(誤) sh /home/user/mjpg-streamer/start_server.sh &
(正) sh /home/user/mjpg-streamer/start_server.sh &

同じネットワーク上の PCからMJPG streamerサーバーにアクセスして
リアルタイムにUSBカメラの映像を見ることができました。

MJPG-streamerのフレームレートを10くらいにするとカクカクしなくなります。

 

スクリーンショット 2016-05-02 7.52.24

 

Dynamic DNSサービスの登録

外部からUSBカメラにアクセスするため、Dynamic DNSサービスに登録します。
ルーターのポートマッピング(ポートフォワーディング)設定は前述サイトを参考に
進めておく必要があります。

エレコムのルーターを使用していたため、SkyLink DDNSに登録しました。
エレコムのルーターであれば、2017年5月まで無償で使用できるみたいです。

エレコムでない場合は、MyDNS等の無料DDNSサービスに登録が必要です。

 

WordPress上に表示

WordPress上の記事にテキスト表示で以下のように記載すれば
外部からアクセスすることができます。
<img src="DDNS-IP:PORT/?action=stream">

ブラウザ上からアクセスし、USBカメラの映像を見ることができました。スクリーンショット 2016-05-02 7.37.57※アクアポニックスの水槽がまだ準備できていないため、MJPG-streamerの静止画です。

 

「くがとしお」的 まとめ

ラズベリーパイ、やはり便利ですね。
便利なフリーソフトが多くて助かります。
英語まで含めれば、情報がかなり多いですしね。

MJPG-streamerを使ったカメラは、監視カメラやペット、子供の見守りなど
使える場面が多そうですね。

僕もアクアポニックスシステムを早く作っていきたいと思います。

では!(^^)/

 

 - 電子工作 , ,

PAGE TOP