跳到主要內容

摘要:Raspberry pi 記錄3-關於Pi Camera和即時串流(MJPG Stream Server)

摘要:Raspberry pi 記錄3-關於Pi Camera和即時串流(MJPG Stream Server)
玩Raspberry pi
最常想到的就是能不能拿來當監視系統?
因為pi很迷你，又低耗電
1片約1千左右，加上webcam
大約2千元內就有不錯的影像監視系統
不論是觀察寵物、縮時設影、或是老人小孩居家保全
整體來說cp值還算高
這次安迪兒記錄一下
用raspberry pi官方出的Camera 來架設即時影像系統
其實之前安迪兒有裝上小機器人Rapiro
但那時大家都用motion
之後安迪兒有測過motion、ffmpeg、VLC等串流
這次安迪兒採用速度較快一些的MJPG-streamer
為啥要用官方的Camera呢?
官方出的camera很特別
他的連接埠是CSI（Camera Serial Interface)介面
直接接上pi版就可以使用
除了小巧省USB之外，CSI的連接埠傳輸速度很快
Raspberry Pi Camera其實也有500萬畫素
另外也有出紅外線夜視功能的版本
附上規格參考
Omnivision 5647 sensor in a fixed-focus module（影像感測器）
5M Pixel sensor（500萬像素）
Still picture resolution: 2592 x 1944
Max video resolution: 1080p（720p或1080p的H.264錄影格式）
Max frame rate: 30fps
尺寸：20 x 25 x 10mm
Raspberry Pi Camera雖然有種種優點
但缺點是CSI這個介面比較特別
很多視訊串流的軟體沒有很支援，免不了都要改東西
這點和usb的webcam接上就可以使用，實在是不友好~XD
但為了Raspberry Pi Camera的優點
我們還是一步一步的來修改
首先，先買好Raspberry Pi Camera
然後參考官方的影片說明，裝好它(排線別裝反了~XD)
https://www.raspberrypi.org/documentation/usage/camera/README.md
裝好之後，就整個開始raspberry pi的安裝流程
記得加選Enable Camera

完成設定重開機 直接使用shell指令測試一下
raspistill -o cam.jpg
raspivid -o vid.h264
再來就是進入正題了
先來安裝MJPEG Stream必要的套件
sudo apt-get update
sudo apt-get install subversion
sudo apt-get install libjpeg8-dev
sudo apt-get install imagemagick sudo apt-get install libv4l-dev

svn co https://svn.code.sf.net/p/mjpg-streamer/code/
cd code/mjpg-streamer
make
sudo make install


裝完後啟動mjpg_streamer
(一般usb webcam的應該到這邊就ok了)
切換目錄
cd code/mjpg-streamer
啟動server
./mjpg_streamer -i "./input_uvc.so" -o "./output_http.so -w ./www"
嗯..發生錯誤了
原因是V4L driver 不支援raspberry pi的camera
所以沒有 /dev/video0
因為raspberry pi的camera比較特別V4L driver不支援
所以我們要換成非官方的V4L deiver
參考下列的文件
How to install or upgrade UV4L on Raspbian (for the Raspberry Pi)
內容大約是先捉下key
再到sources.list裡加上套件的連結

安裝必要的程式庫
wget http://www.linux-projects.org/listing/uv4l_repo/lrkey.asc && sudo apt-key add ./lrkey.asc

修改sources list
sudo nano /etc/apt/sources.list
加上這行，存檔離開
deb http://www.linux-projects.org/listing/uv4l_repo/raspbian/ wheezy main
執行以下安裝
sudo apt-get update
sudo apt-get install uv4l uv4l-raspicam

以下可不裝(啟動時自動執行的外掛)
sudo apt-get install uv4l-raspicam-extras
測試一下uv4l
uv4l --help --driver raspicam --driver-help
重開機
sudo reboot
再來補上其它的外掛
先kill掉uv4l
sudo pkill uv4l
執行以下指令
sudo apt-get update
sudo apt-get install uv4l-uvc
sudo apt-get install uv4l-xscreen
sudo apt-get install uv4l-mjpegstream

以下可以不裝(直接用MJPG Stream Server代替)
sudo apt-get install uv4l-server
裝完後執行
sudo reboot
另外如果要用webRTC，文件裡面有提到
For the Raspberry Pi 2 only, the WebRTC extension for the Streaming Server is also available:
$ sudo apt-get install uv4l-webrtc
安迪兒這邊沒安裝
重啟完，如果有裝uv4l-server的，可以試試能不能起動
uv4l --auto-video_nr --driver raspicam --encoding mjpeg --server-option '--port=9000'

or

uv4l --auto-video_nr --driver raspicam --encoding mjpeg --server-option '--port=9000' --driver raspicam --rotation 180 --width 352 --height 288
安迪兒第一次是uv4l-raspicam-extras、uv4l-server全裝
但後來沒需要啟動時就執行、也不想再多裝個server
所以就沒裝了
再來我們來測試一下mjpg_streamer可不可以執行了
sudo modprobe bcm2835-v4l2
cd code/mjpg-streamer
./mjpgstreamer -i "./inputuvc.so -d /dev/video0 -n -y f 15 -r 640x480" -o "./output_http.so -n -w /usr/local/www"

打開browser
輸入http://192.168.0.12:8080/
看來是正常了
設定一下alias方便使用
sudo nano ~/.bashrc

拉到最下面加上2行指令，存檔後關掉
export MJPGSTREAMERPATH=/home/pi/code/mjpg-streamer

alias mjpggo='sudo modprobe bcm2835-v4l2 && LDPRELOAD=/usr/lib/uv4l/uv4lext/armv6l/libuv4lext.so sudo ${MJPGSTREAMERPATH}/mjpgstreamer -i "${MJPGSTREAMERPATH}/inputuvc.so -n -y f 15 -r 320x240" -o "${MJPGSTREAMERPATH}/outputhttp.so -n -w /usr/local/www"'

重新讀取.bashrc
source .bashrc
alias
mjpggo
如果要客制化頁面的，可以再在自己的頁面上加上tag
< img src="http://192.168.0.12:8080/?action=stream" / > 就能捉的到串流影像嘍
當然MJPG-Streamer也提供了不少的使用方式
java、javascript...等等
看要自行使用那一種
以上到這邊就都完成嘍~XD
另外，如果有裝
uv4l-raspicam-extras
uv4l-server
uv4l-raspicam-extras:
開機會自動執行，登入後可以使用以下指令
sudo service uv4l_raspicam start/stop/restart
uv4l-server:
會起一個server 預設定8080 port
可以做一些設定
可以修改uv4l-server設定檔
/etc/uv4l/uv4l-raspicam.conf
以下是安迪兒修改的內容
driver = raspicam # videonr = 0
auto-videonr = yes
syslog-host = localhost
server-option = --port=9000
#raspicam options
encoding = mjpeg
width = 320
height = 240
如果想停掉服務，可以執行下面的指令
sudo service uv4l_raspicam stop
或
pkill uv4l
安迪兒測試了一下
MJPG Stream Server還算快
正常畫面的傳輸，大約0.2秒內的延遲
還真不賴呀，收工嘍~~收工嘍


 

關聯文章

留言

張貼留言

這個網誌中的熱門文章

2017通訊大賽「聯發科技物聯網開發競賽」決賽團隊29強出爐！作品都在11月24日頒獎典禮進行展示

2017通訊大賽「聯發科技物聯網開發競賽」決賽團隊29強出爐！作品都在11月24日頒獎典禮進行展示 LIS   發表於 2017年11月16日 10:31   收藏此文 2017通訊大賽「聯發科技物聯網開發競賽」決賽於11月4日在台北文創大樓舉行，共有29個隊伍進入決賽，角逐最後的大獎，並於11月24日進行頒獎，現場會有全部進入決賽團隊的展示攤位，總計約為100個，各種創意作品琳琅滿目，非常值得一看，這次錯過就要等一年。 「聯發科技物聯網開發競賽」決賽持續一整天，每個團隊都有15分鐘面對評審團做簡報與展示，並接受評審們的詢問。在所有團隊完成簡報與展示後，主辦單位便統計所有評審的分數，並由評審們進行審慎的討論，決定冠亞季軍及其他各獎項得主，結果將於11月24日的「2017通訊大賽頒獎典禮暨成果展」現場公佈並頒獎。 在「2017通訊大賽頒獎典禮暨成果展」現場，所有入圍決賽的團隊會設置攤位，總計約為100個，展示他們辛苦研發並實作的作品，無論是想觀摩別人的成品、了解物聯網應用有那些新的創意、尋找投資標的、尋找人才、尋求合作機會或是單純有興趣，都很適合花點時間到現場看看。 頒獎典禮暨成果展資訊如下： 日期：2017年11月24日(星期五) 地點：中油大樓國光廳(台北市信義區松仁路3號) 我要報名參加「2017通訊大賽頒獎典禮暨成果展」>>> 在參加「2017通訊大賽頒獎典禮暨成果展」之前，可以先在本文觀看各團隊的作品介紹。 決賽29強團隊如下： 長者安全救星 可隨意描繪或書寫之電子筆記系統 微觀天下 體適能訓練管理裝置 肌少症之行走速率檢測系統 Sugar Robot 賽亞人的飛機維修輔助器 iTemp你的溫度個人化管家 語音行動冰箱 MR模擬飛行 智慧防盜自行車 跨平台X-Y視覺馬達控制 Ironmet 菸消雲散 無人小艇 (Mini-USV) 救OK-緊急救援小幫手 穿戴式長照輔助系統 應用於教育之模組機器人教具 這味兒很台味 Aquarium Hub 發展遲緩兒童之擴增實境學習系統 蚊房四寶 車輛相控陣列聲納環境偵測系統 戶外團隊運動管理裝置 懷舊治療數位桌曆 SeeM智能眼罩 觸...
張貼留言
閱讀完整內容

完形心理學！？讓我們了解“介面設計師”為什麼這樣設計

完形心理學！？讓我們了解“介面設計師”為什麼這樣設計 — 說服客戶與老闆、跟工程師溝通、強化設計概念的有感心理學 — 情況 1 : 為何要留那麼多空白? 害我還要滾動滑鼠(掀桌) 情況 2 : 為什麼不能直接用一頁展現? 把客戶的需求塞滿不就完工啦! (無言) 情況 3: 這種設計好像不錯，但是為什麼要這樣做? (直覺大神告訴我這樣設計，但我說不出來為什麼..) 雖然世界上有許多 GUI 已經走得又長又遠又厲害，但別以為這種古代人對話不會出現，一直以來我們只是習慣這些 GUI 被如此呈現，但為何要這樣設計我們卻不一定知道。 由於 完形心理學 歸納出人類大腦認知之普遍性的規則，因此無論是不是 UI/UX 設計師都很適合閱讀本篇文章。但還是想特別強調，若任職於傳統科技公司，需要對上說服老闆，需要平行說服（資深）工程師，那請把它收進最愛；而習慣套用設計好的 UI 套件，但不知道為何這樣設計的 IT 工程師，也可以透過本文來強化自己的產品說服力。 那就開始吧~（擊掌） 完形心理學，又稱作格式塔（Gestalt）心理學，於二十世紀初由德國心理學家提出 — 用以說明人類大腦如何解釋肉眼所觀察到的事物，並轉化為我們所認知的物件。它可說是現代認知心理學的基礎，其貫徹的概念就是「整體大於個體的總合 “The whole is other than the sum of the parts.” —  Kurt Koffka」。 若深究完整的理論將會使本文變得非常的艱澀，因此筆者直接抽取個人認為與 UI 設計較為相關的 7 個原則（如下），並搭配實際案例做說明。有興趣了解全部理論的話可以另外 Google。 1. 相似性 (Similarity)  — 我們的大腦會把相似的事物看成一體 如果數個元素具有類似的尺寸、體積、顏色，使用者會自動為它們建立起關聯。這是因為我們的眼睛和大腦較容易將相似的事物組織在一起。如下圖所示，當一連串方塊和一連串的圓形並排時，我們會看成（a）一列方塊和兩列圓形（b）一排圓形和兩排三角形。 對應用到介面設計上，FB 每則文章下方的按鈕圖標（按讚 Like / 留言Comment / 分享 Share）雖然功能各不相同，但由於它們在視覺上顏色、大小、排列上的相似性，用戶會將它們視認為...
張貼留言
閱讀完整內容
opencv4nodejs Asynchronous OpenCV 3.x Binding for node.js   122     2715     414   0   0 Author Contributors Repository https://github.com/justadudewhohacks/opencv4nodejs Wiki Page https://github.com/justadudewhohacks/opencv4nodejs/wiki Last Commit Mar. 8, 2019 Created Aug. 20, 2017 opencv4nodejs           By its nature, JavaScript lacks the performance to implement Computer Vision tasks efficiently. Therefore this package brings the performance of the native OpenCV library to your Node.js application. This project targets OpenCV 3 and provides an asynchronous as well as an synchronous API. The ultimate goal of this project is to provide a comprehensive collection of Node.js bindings to the API of OpenCV and the OpenCV-contrib modules. An overview of available bindings can be found in the  API Documentation . Furthermore, contribution is highly appreciated....
張貼留言
閱讀完整內容