HUB 8735 Ultra 全方位開發指南-影像辨識篇

在掌握了基礎的環境設定與影像串流後，本篇文章將帶領各位進入 HUB 8735 Ultra 的核心領域：邊緣 AI 運算與雲端整合

HUB 8735 Ultra 全方位開發指南-影像辨識篇

在掌握了基礎的環境設定與影像串流後，本篇文章將帶領各位進入 HUB 8735 Ultra 的核心領域：邊緣 AI 運算與雲端整合。我們將學習如何使用內建的 NPU 進行人臉與物件辨識，並結合 Line Bot 打造互動式應用。

一、內建人臉辨識 (RTSP Face Recognition)

8735 Ultra 提供了基於 RTSP 協定的人臉辨識範例，可直接在開發板上完成註冊與辨識。

開啟範例與設定

開啟範例：AmebaNN > RTSPFaceRecognition。

修改程式碼中的 Wi-Fi 設定 (SSID 與 Password)。

⚠️ 注意事項：
預設情況下，臉部辨識的註冊資料僅儲存於 RAM (記憶體) 中，重開機後會消失。若需永久保存，需執行備份指令。

註冊臉部

1.還沒註冊時，所有臉部都是未知（UNKNOWN）

2.在序列視窗空白處輸入 REG=英文名字 （註冊時僅能有一個臉部）

3.註冊後等約5秒即可出現辨識結果

操作指令 (透過 Serial Monitor)

程式執行後，可透過序列埠輸入以下指令進行操作：

REG=Name：將當前畫面中的人臉註冊為 “Name” (例如 REG=Eric)。
DEL=Name：刪除指定名稱的人臉資料。
RESET：清除所有已註冊的人臉。
BACKUP：將目前的臉部資料庫備份到 Flash 記憶體 (斷電不消失)。
RESTORE：從 Flash 載入備份的資料庫。

如何清除 Flash 中的人臉資料？

若需徹底清空記憶體，可至 IDE 上方選單：Erase All Flash Memory > Erase only，再進行燒錄。

二、伺服馬達與閘門控制

人臉辨識常用於門禁系統，這需要結合伺服馬達 (Servo) 來控制閘門開關。

硬體接線 (以 SG90 為例)

PWM 腳位： 8735 Ultra 支援的 PWM 腳位包含 Pin 11, 12, 13, 18-24 [4]。
SG90 接線：
- 棕色線 → GND
- 紅色線 → 3.3V
- 橘色線 → 訊號腳 (如 Pin 20)

範例程式碼下載： Google Doc 連結

人臉辨識閘門範例

結合上述的人臉辨識與 Servo 控制，可實作「刷臉開門」功能。
範例程式碼下載： Google Doc 連結

認識的亮綠燈(IO 23)
不認識的亮紅燈(IO 24)

請注意沒有看螢幕的情況下AI辨識還在進行中

1. 影像辨識遠端設定

從MQTT觀察辨識結果：https://docs.google.com/document/d/1HLCk93CJI9CCoqZJOS7-V4B_3XChlzBDzx3cMCGwO60/edit?tab=t.0

在程式碼中，請記下您設定的 MQTT Topic (主題)，例如：alice/class205/image。

2. Node-RED 流程設計 (接收端)

Node-RED 的處理邏輯非常直觀，我們需要建立一條流程，將接收到的二進位 Buffer 轉為 Base64 字串，最後餵給網頁顯示。

詳細設定步驟

步驟 1：加入 MQTT In 節點

拖拉 mqtt in 節點到工作區。
Server： 設定為與開發板相同的 Broker (例如 mqttgo.io)。
Topic： 輸入開發板發送影像的主題 (例如 alice/class205/image)。
Output： 選擇 a Buffer (確保輸出格式為二進位緩衝區)。

步驟 2：加入 Base64 轉換節點

搜尋並拖拉 base64 節點 (通常位於 Parser 分類下)。
將 MQTT In 的輸出連接至 Base64 的輸入。
Action： 選擇 Encode (將 Buffer 編碼為 Base64 字串)。
此步驟是為了讓 HTML 標籤能夠讀取圖片資料。

步驟 3：加入 Dashboard Template 節點

確保您已安裝 node-red-dashboard 套件。
拖拉 template 節點 (位於 Dashboard 分類下)。
將 Base64 的輸出連接至 Template 的輸入。
在 Template 內容中填入以下 HTML 代碼：

<div style="text-align:center;">
    <h3>AI 即時監控畫面</h3>
    <img height="50%" width="100%" 
         src="data:image/jpeg;base64,{{msg.payload}}" 
         style="max-width: 640px; border: 2px solid #f8c600; border-radius: 5px;" />
</div>

💡 語法解析：
src="data:image/jpeg;base64,{{msg.payload}}"
這段語法告訴瀏覽器圖片來源是 Base64 編碼的資料。{{msg.payload}} 是 Node-RED 傳入的轉換後字串。