基于Dragboard 410c開發(fā)板的USB攝像頭圖像采集及發(fā)布

看完前面幾個blog 相信大家已經(jīng)基本上會用Python腳本在Dragoboard 410c上進行各種關(guān)于USB攝像頭圖像采集的開發(fā)了，這里為了進一步讓大家能夠發(fā)揮UBS攝像頭的作用，和方便大家在開發(fā)過程中將Dragoboard 410c采集到的信息在網(wǎng)上進行發(fā)布，本文結(jié)合前面的一篇介紹BOA web服務(wù)器的blog，帶大家一起來完成如何在Dragboard 410c上用Python腳本和OpenCV庫實時的采集圖像，并且發(fā)布到web上，用戶通過web就可以訪問攝像頭采集的圖片。

首先大家需要準備除了Blog文章-- 基于Dragoboard 410c的USB攝像頭人臉識別中提到的所有設(shè)備之外，還需要準備一個無線路由器為Dragoboard 410c開發(fā)板提供網(wǎng)絡(luò)支持，同時還需要準備一個手機或者電腦，用于測試訪問Dragoboard 410c開發(fā)板的信息。

接著我們就可以開始搭建我們的Dragoboard 410c的web服務(wù)器環(huán)境了，這里大家可以直接到http://www.boa.org/官網(wǎng)下載源碼，源碼下載好后，就可以copy到Dragonboard 410c開發(fā)板，在開發(fā)板上使用tar -xvf 文件名進行解壓，解壓后cd 命令進入到src目錄下，在src目錄下執(zhí)行./config 進行編譯配置生成makefile文件，這里我們要進行簡答的修改，具體修改如下：

修改 頭文件 defines.h

找到#define SERVER_ROOT “/etc/boa” 修改成

＃define SERVER_ROOT “/var/www”

這里定義的是 web 服務(wù)器的文件根目錄（用戶可以自行定義，是板上的目錄，只要跟 boa.conf 中設(shè)置一致就可以了）

然后運行 make 進行編譯，得到的可執(zhí)行程序 boa，將調(diào)試信息剝?nèi)?，得到的最后程序只?2872Byte 大小。

然后按照我之前寫過的一種使用交叉編譯方法移植Boa服務(wù)器中的配置方法對web服務(wù)器進行配置即可。（基于Dragoboard 410c的web服務(wù)器移植）

配置好后，我們可以找到/var/www的目錄，這個時候我們只要用sudo boa 啟動boa服務(wù)器，然后將編寫好的html文件和腳本文件放到該目錄下，即可通過瀏覽器進行訪問了，如果能夠成功訪問到html文件表示boa服務(wù)器搭建成功。

完成Boa服務(wù)器搭建后，接著我們就可以參考文章：基于Dragoboard 410c的USB攝像頭保存圖片一文中的方法，獲取和保存圖片，編寫一個腳本程序來獲取圖片并且保存到WWW目錄下，然后我們再寫一個html文件來顯示和刷新該圖片既可以通過web網(wǎng)絡(luò)來訪問攝像頭采集到的圖片了。

首先編寫獲取和保存圖片信息的腳本，這里我們?nèi)サ袅嘶贒ragoboard 410c的USB攝像頭保存圖片文章中的顯示部分代碼，只需要每個一段時間獲取圖片然后保存到WWW文件夾下中即可，Python代碼如下：

完成獲取和保存USB攝像頭圖像代碼編寫后，我們可以進行簡單的測試，運行python get_pic.py就可以看到www文件夾下面就有.jpg圖片文件存在。

然后我們就可以來編寫html文件了，html主要用于前端的交互，顯示圖片，這里我們也是定時的刷新顯示圖片，然后就可以實現(xiàn)動態(tài)的圖像采集和顯示了，具體的html代碼如下：

????????#!/usr/bin/env python
? ? ? ? import cv2, sys
? ? ? ? import time
? ? ? ? DEVICE_NUMBER = 0
? ? ? ? IMAGE_FILE = "output.jpg"
? ? ? ? # Init webcam
? ? ? ? vc = cv2.VideoCapture(DEVICE_NUMBER)
? ? ? ?# Check if the webcam init was successful
? ? ? ?if vc.isOpened(): # try to get the first frame
? ? ? ?retval, frame = vc.read()
? ? ? ?else:
? ? ? ?sys.exit(1)
? ? ? ?# If webcam read successful, loop indefinitely?
? ? ? ?while retval:
? ? ? ?# Write some text onto the frame
? ? ? ?# Show the image on the screen
? ?? ? # cv2.imshow("DB410c Workshop #3: Show Video", frame)
? ? ? ?cv2.imwrite(IMAGE_FILE, frame)
? ? ? ? time.sleep(1)
? ? ? ?# Grab next frame from webcam
? ? ? ?retval, frame = vc.read()
? ? ? # Exit program after waiting for a pressed key
? ?? ? if cv2.waitKey(1) == 27:
? ? ? ? break

完成html編寫后，將html文件保存到www目錄下，然后我們將板子連接到wifi，然后通過連接該wifi的手機或者電腦就可以訪問USB攝像頭圖像了，具體在瀏覽器輸入192.168.23.6/test.html 即可，具體效果如下：

???????
? ? ? ?
? ? ? ?
? ? ? ?
? ? ? ?
? ? ? ?
? ? ? ?
? ? ? ?
? ? ? ?

test

? ? ? ?
? ? ? ?

這里只是向大家展示了簡單的圖片web發(fā)布，其實大家在自己的創(chuàng)作過程中，如果想將采集到的數(shù)據(jù)發(fā)布到網(wǎng)絡(luò)上，原理也類似，還有如果你想實現(xiàn)更多的通過web來對dragonboard 410c進行控制，可以參考cgi編程來實現(xiàn)。