Ultra96上的實(shí)時(shí)攝像頭饋送網(wǎng)頁

對于 Ultra96v2 的 UART 串??行控制臺，我使用 USB 到 JTAG/UART Pod 適配器板連接到 UART 和 JTAG 接頭（J1 和 J3）。

?

要將 Ultra96v2 連接到無線網(wǎng)絡(luò)，2019.2 BSP 要求您使用 Wi-Fi 設(shè)置網(wǎng)頁選擇網(wǎng)絡(luò)并輸入憑據(jù)以登錄（按照入門指南第 24 頁第 13 節(jié)中的說明進(jìn)行操作） Ultra96V2如果你不熟悉這個(gè)過程）。在收到添加網(wǎng)絡(luò)的成功消息后重新啟動(dòng) Ultra96v2，不要使用“檢查連接”按鈕。這只是我在 2019.2 BSP 中發(fā)現(xiàn)的一個(gè)小故障。

root@ultra96v2-oob-2019-2:~# reboot

我注意到在 Ultra96 的 2019.2 版本中，板子在啟動(dòng)后實(shí)際連接到網(wǎng)絡(luò)有一點(diǎn)延遲，當(dāng)它最初連接時(shí)，網(wǎng)絡(luò)配置也顯示本地分配的 IPV4 地址。這是我對 Ultra96 的唯一抱怨，我發(fā)現(xiàn)自己一直在努力建立穩(wěn)定的 Wi-Fi 連接。根據(jù)我的發(fā)現(xiàn)，如果該網(wǎng)絡(luò)可用，該板將連接到 Wi-Fi 設(shè)置網(wǎng)頁所連接的最后一個(gè)網(wǎng)絡(luò)。

重新啟動(dòng) Ultra96v2 后，等待幾分鐘，然后通過 ping 您的 PC 或其他網(wǎng)站來測試網(wǎng)絡(luò)連接。我通常會嘗試 ping google.com以驗(yàn)證外部互聯(lián)網(wǎng)連接。

root@ultra96v2-oob-2019-2:~# ping google.com

插入網(wǎng)絡(luò)攝像頭和初始化驅(qū)動(dòng)程序

?

將網(wǎng)絡(luò)攝像頭插入 USB A 型端口（J8 和 J9）之一，讓 Ultra96v2 嵌入式 Linux 映像檢測到它。發(fā)生這種情況時(shí)，您將看到來自 UART 的一些控制臺輸出。打印完成后，我們使用 usb-devices 命令顯示系統(tǒng)上的所有 USB 設(shè)備。

root@ultra96v2-oob-2019-2:~# usb-devices

將顯示所有 USB 總線的列表，包括實(shí)際的 USB 控制器和連接到它們的設(shè)備。通過查看列出的產(chǎn)品、供應(yīng)商和驅(qū)動(dòng)程序，您可以了解系統(tǒng)是否已成功檢測到網(wǎng)絡(luò)攝像頭。

?

現(xiàn)在系統(tǒng)已成功啟動(dòng)并檢測到網(wǎng)絡(luò)攝像頭，我們可以繼續(xù)編寫 Python 腳本來使用它，并編寫自定義網(wǎng)頁來顯示來自它的圖像。

網(wǎng)絡(luò)應(yīng)用程序

OpenCV-Python 庫 (cv2) 僅在 Python3 中可用，并且 Ultra96v2 網(wǎng)頁中的自定義項(xiàng)目模板使用 Python 2.7 運(yùn)行腳本，因此我使用自定義內(nèi)容頁面上的“創(chuàng)建項(xiàng)目”選項(xiàng)創(chuàng)建了腳本并測試了來自 Ultra96v2 的 UART 串??行控制臺的基本網(wǎng)絡(luò)攝像頭 Python 腳本，以便能夠使用 Python3 執(zhí)行它。

使用 Web 服務(wù)器作為 GUI 文本編輯器編輯腳本。

?

root@ultra96v2-oob-2019-2:/usr/share/ultra96-startup-pages/webapp/templates/CustomContent/custom# python3 ./webcamcapture.py

Web 應(yīng)用程序?yàn)榭刂?Web 攝像頭而執(zhí)行的此腳本只是為對網(wǎng)頁發(fā)出的每個(gè) POST 或 GET 請求捕獲一張圖像。等待十分之一秒后，read() 函數(shù)觸發(fā)攝像頭捕獲圖像并將其讀入。這將返回一個(gè)元組（返回值，圖像），返回值指示捕獲是否成功以及捕獲的image 是返回的第二個(gè)參數(shù)。

使用 cv2.imwrite() 函數(shù)將圖像寫入/usr/share/ultra96-startup-pages/webapp/static/images/目錄中的指定文件名single_frame.jpg 。

然后當(dāng)處理完成后，釋放捕獲并使用 cv2.destoryAllWindows() 關(guān)閉為捕獲的圖像創(chuàng)建的窗口。

當(dāng)腳本運(yùn)行時(shí)，我的網(wǎng)絡(luò)攝像頭上的綠色狀態(tài)燈亮起，表明 Ultra96v2 已成功與其通信以捕獲圖像。

網(wǎng)絡(luò)攝像頭上的綠色狀態(tài)燈指示正在捕獲圖像。

?

對于 Web 應(yīng)用程序前端，我只是讓它顯示從網(wǎng)絡(luò)攝像頭捕獲的圖像，頁面每 10 秒刷新一次以顯示更新的圖像。

導(dǎo)航到 Ultra96 Web 服務(wù)器的 Custom Content 選項(xiàng)卡，然后選擇“Edit Webapp”選項(xiàng)。要為自定義網(wǎng)頁創(chuàng)建前端，請單擊“創(chuàng)建前端”按鈕，HTML 文本編輯器將出現(xiàn)。

前端代碼：

{% extends "Default/default.html" %}
{% block content %}

<div class="page-header">
  <h1 class="display-4"><b>{% block title %}USB Web Cam Feed{% endblock %}b>h1>
div>



<meta http-equiv="refresh" content="10">
<img src="{{ url_for('static', filename='images/single_frame.jpg') }}"/>



{% endblock %}

?

添加前端 HTML 后，單擊“保存文件”按鈕并為文件指定名稱。保存文件后，單擊“返回”按鈕返回上一屏幕。

要為自定義網(wǎng)頁創(chuàng)建后端，單擊“創(chuàng)建后端”按鈕，文本編輯器將出現(xiàn)。后端是用 Python 編寫的，并且已經(jīng)填寫了基本代碼。唯一需要添加的是調(diào)用運(yùn)行項(xiàng)目腳本以在每個(gè)請求上捕獲新圖像。

后端代碼：

@app.route("/webcam.html", methods=["GET", "POST"])
def webcam():
    if request.method == "POST":
        proc = subprocess.Popen('python3 /usr/share/ultra96-startup-pages/webapp/templates/CustomContent/custom/webcamcapture.py',stderr=subprocess.STDOUT,shell=True)
        err = proc.communicate()
        
        return render_template("CustomContent/custom_front_end/webcam.html")
    else:
        proc = subprocess.Popen('python3 /usr/share/ultra96-startup-pages/webapp/templates/CustomContent/custom/webcamcapture.py',stderr=subprocess.STDOUT,shell=True)
        err = proc.communicate()
        
        return render_template("CustomContent/custom_front_end/webcam.html")

?

再次單擊“保存文件”按鈕并為后端文件指定與為前端文件指定的名稱相同的名稱。保存文件后，單擊“返回”按鈕返回上一屏幕。

選中“Include”框，然后單擊“Reload Webapp”將新網(wǎng)頁添加到 Ultra96v2 上的 wevserver。

?

在重新加載網(wǎng)頁以包含新的自定義網(wǎng)頁后，我發(fā)現(xiàn) 2019.2 BSP 也包含與主 webserver.py 腳本在新網(wǎng)頁的 app.route 定義之前調(diào)用 main 函數(shù)相同的故障。因此，每次重新加載網(wǎng)絡(luò)應(yīng)用程序后，我仍然必須使用文本編輯器注釋掉 webserver.py 中對 main 的第一次調(diào)用。

root@ultra96v2-oob-2019-2:~# vi /usr/share/ultra96-startup-pages/webapp/webserver.py

如您所見，第 919 和 920 行對 main 的第一次調(diào)用需要注釋掉。

?

保存并退出文本編輯器后，手動(dòng)重啟 Ultra96v2：

root@ultra96v2-oob-2019-2:~# shutdown -h now

然后使用電源按鈕 (SW4) 重新打開電路板電源。

導(dǎo)航回 Ultra96 Web 服務(wù)器的自定義內(nèi)容頁面，您會在新添加的網(wǎng)頁旁邊看到一個(gè)“查看”按鈕。

通常的貓照片炸彈...

?

單擊查看按鈕后，您將看到提要出現(xiàn)，并且頁面每 10 秒自動(dòng)刷新一次，并帶有更新的圖像。