描述

Ultra96v2 是用于無線應用和物聯網項目的最佳 FPGA 開發板之一。當我一直在研究新的項目想法時，某種相機應用程序不斷浮現在腦海中。所以我決定從一個帶有實時攝像頭的簡單網頁應用程序開始。

適用于 Ultra96V2 的 Vivado/PetaLinux 2019.2 BSP

我在過去的一個項目中介紹了如何為 Avnet 板創建 BSP，該項目是在 MiniZed 上創建自定義 Web 服務器，因此您可以按照該項目操作并運行其中一個 make Ultra96v2 腳本，或者我還介紹了如何構建新的 PetaLinux Ultra96v2 oob BSP的項目也是如此。我試圖讓這個項目成為我的第一個版本 2020.1 項目，但 PetaLinux 2020.1 根本不適合我，所以我必須再保存一天。該項目將是 Vivado、Vitis、XRT 和 PetaLinux 的所有版本 2019.2。

使用剛剛為 Ultra96v2 創建的 BSP 創建一個新的 PetaLinux 項目。

petalinux-create -t project -s //ultra96v2_oob_2019_2.bsp

將目錄更改為項目并構建它。

cd ./ultra96v2_oob_2019_2
petalinux-build

如果由于 arduino-toolchain 包導致構建失敗，請在此處查看我在過去項目中的修復。

為 Ultra96v2 打包引導二進制映像 (BOOT.BIN)。

petalinux-package --boot --fsbl ./images/linux/zynqmp_fsbl.elf --fpga ./images/linux/system.bit --pmufw ./images/linux/pmufw.elf --u-boot

您也可以使用 PetaLinux 項目的“預構建”目錄中的引導二進制文件、內核和根文件系統。但是，如果您想將任何內核驅動程序或根文件系統包添加到嵌入式 Linux 映像，則需要此方法。

準備 SD 卡

使用至少 4GB 大小的 SD 卡，將 500MB 分區，在其前面有 4MB 可用空間作為 FAT32。將 SD 卡上的剩余空間格式化為 EXT4。我個人更喜歡在 Ubuntu 中使用 Gparted GUI 來執行此操作，但也可以從命令行輕松完成。

如果您以前沒有，請為 SD 卡的兩個分區創建掛載點文件夾。一個用于引導分區 (FAT32)，另一個用于根文件系統分區 (EXT4)：

sudo mkdir /media/BOOT/
sudo mkdir /media/rootfs/

將 SD 卡分區掛載到相應的掛載點文件夾：

sudo mount /dev/sdc1 /media/BOOT/
sudo mount /dev/sdc2 /media/rootfs/

將打包的根文件系統解壓到 SD 卡的 EXT4 分區，然后立即運行“同步”命令，以確保所有數據都已寫入 SD 卡。

sudo tar -xf //ultra96v2_oob_2019_2/images/linux/rootfs.tar.gz -C /media/rootfs/
sync

將內核映像、設備樹和啟動映像復制到 FAT32 分區，然后立即再次運行“同步”命令。

sudo cp //ultra96v2_oob_2019_2/images/linux/BOOT.BIN /media/BOOT/
sudo cp //ultra96v2_oob_2019_2/images/linux/image.ub /media/BOOT/
sudo cp //ultra96v2_oob_2019_2/images/linux/system.dtb /media/BOOT/
sync

最后，在從 PC 上拔下 SD 卡之前先卸載它的分區：

sudo umount /media/BOOT/
sudo umount /media/rootfs/

啟動 Ultra96v2

將 SD 卡安裝到 Ultra96v2 中并確認啟動開關 (SW3) 設置為 SD 啟動（開關 1 = OFF，開關 2 = ON），然后按下電源按鈕 (SW4) 為開發板加電。

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

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

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

我注意到在 Ultra96 的 2019.2 版本中，板子在啟動后實際連接到網絡有一點延遲，當它最初連接時，網絡配置也顯示本地分配的 IPV4 地址。這是我對 Ultra96 的唯一抱怨，我發現自己一直在努力建立穩定的 Wi-Fi 連接。根據我的發現，如果該網絡可用，該板將連接到 Wi-Fi 設置網頁所連接的最后一個網絡。

重新啟動 Ultra96v2 后，等待幾分鐘，然后通過 ping 您的 PC 或其他網站來測試網絡連接。我通常會嘗試 ping google.com以驗證外部互聯網連接。

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

插入網絡攝像頭和初始化驅動程序

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

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

將顯示所有 USB 總線的列表，包括實際的 USB 控制器和連接到它們的設備。通過查看列出的產品、供應商和驅動程序，您可以了解系統是否已成功檢測到網絡攝像頭。

現在系統已成功啟動并檢測到網絡攝像頭，我們可以繼續編寫 Python 腳本來使用它，并編寫自定義網頁來顯示來自它的圖像。

網絡應用程序

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

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

Web 應用程序為控制 Web 攝像頭而執行的此腳本只是為對網頁發出的每個 POST 或 GET 請求捕獲一張圖像。等待十分之一秒后，read() 函數觸發攝像頭捕獲圖像并將其讀入。這將返回一個元組（返回值，圖像），返回值指示捕獲是否成功以及捕獲的image 是返回的第二個參數。

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

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

當腳本運行時，我的網絡攝像頭上的綠色狀態燈亮起，表明 Ultra96v2 已成功與其通信以捕獲圖像。

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

導航到 Ultra96 Web 服務器的 Custom Content 選項卡，然后選擇“Edit Webapp”選項。要為自定義網頁創建前端，請單擊“創建前端”按鈕，HTML 文本編輯器將出現。

前端代碼：

{% 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 后，單擊“保存文件”按鈕并為文件指定名稱。保存文件后，單擊“返回”按鈕返回上一屏幕。

要為自定義網頁創建后端，單擊“創建后端”按鈕，文本編輯器將出現。后端是用 Python 編寫的，并且已經填寫了基本代碼。唯一需要添加的是調用運行項目腳本以在每個請求上捕獲新圖像。

后端代碼：

@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”將新網頁添加到 Ultra96v2 上的 wevserver。

在重新加載網頁以包含新的自定義網頁后，我發現 2019.2 BSP 也包含與主 webserver.py 腳本在新網頁的 app.route 定義之前調用 main 函數相同的故障。因此，每次重新加載網絡應用程序后，我仍然必須使用文本編輯器注釋掉 webserver.py 中對 main 的第一次調用。

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

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

保存并退出文本編輯器后，手動重啟 Ultra96v2：

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

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

導航回 Ultra96 Web 服務器的自定義內容頁面，您會在新添加的網頁旁邊看到一個“查看”按鈕。

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