Node-redを利用してラズパイのカメラをwebで見る

どうも久しぶりの投稿です。今回はNode-redという物を利用してwebからラズパイに付いているカメラを見る方法です。

完成形

まずは完成形です。

作り方

早速作り方です。まずはリモートデスクトップを使ってラズパイと繋げてください。そうしたら、ターミナルを開き、「node-red-start」とうってnode-redを起動しましょう。そうしたら、edgeやChromeなどのwebアプリを開き、検索のところに「http://(自分のip):1880」とうってnode-redの編集画面を開きましょう。開いたら次の画像のようにブロックを並べ、ブロック同士を繋げてください。

それができたら、真ん中の「template」というブロックにマウスカーソルを持っていき、ダブルクリックをしてください。

そしたら下のように設定してください。

変えた部分は赤い枠の部分です。できましたらプログラムを書いていきましょう。真ん中のところに下の構文を打ってください

プログラム

<html>

<body>

<img src=http://razpi(SDカードの番号):8080/?action=stream>

</body>

</html>

作り方

書くことができたら、「template」の左のブロックにマウスカーソルを持っていき、ダブルクリックしてください。そしたら、「URL」っていうところに自分が好きなURLを打ってください。それも出来たら最後です。リモートデスクトップに戻り、新しいターミナルを開き、そこで、まず、「cd mjpg-streamer/mjpg-streamer-experimental」とうち実行します。そしたら最後に「./start.sh」と実行してApache2を起動します。これで完成です。カメラを見る方法は、「http://(自分のip):1880/(自分が好きなURLを打ったところ)」

感想

最初は、どうやればnode-redを通してカメラを見ればいいのかわからなかったけど、昔習ったことを思い出してみたら、ひらめいてできました。ここで、よくわかったことは、昔習ったことを思い出してみることです。今回作ったこのプログラムでは満足はいきません。それは、確かにカメラは見れた。けれど、少し手間がかかります。なので、いつかはnode-redだけでカメラを動かすことをしていきたいです。

参考にしたサイト

はじめてのNode-RED – Ninja’s Works (funnygeekjp.com)

映像ストリーミング(MJPG Streamer) – Ninja’s Works (funnygeekjp.com)


Node-redを利用してラズパイのカメラをwebで見る」への1件のフィードバック

コメントを残す