<p><iframe name="ifd" src="https://mnifdv.cn/resource/cnblogs/video_transmission" frameborder="0" scrolling="auto" width="100%" height="1500"></iframe></p>

說明

上一節是使用的微信小程式,這一節呢咱使用手機APP

這一節的功能是使用手機連線ESP32的熱點,然後就可以在APP上檢視攝像頭影象.

效果展示

為了方便大傢伙擴充套件應用,增加了幾個按鍵.具體介紹接著看哈.

提示: 這節的ESP32程式碼和上一節一樣

如果已經打開了上一節程式碼,不需要重新開啟

測試功能(連線模組熱點方式)

1.把這節的ESP32程式碼放到非中文目錄,然後使用VS Code開啟

2.編譯下載到開發板(第一次編譯時間有點長)

3.安裝手機APP

5.設定手機連線ESP32的熱點

6.然後開啟APP就可以看到影象了

測試功能(區域網,連線路由器方式)

1.設定下模組連線的路由器名稱和密碼(根據自家的修改哈),然後編譯下載到開發板

2,檢視列印的日誌,我的模組路由器給分配的ip是: 192.168.0.102

3.使用android studio 開啟這節的工程

把這個地址改為和上面一樣

4.手機也連線開發板連線的路由器

5.然後開啟APP就可以看到影象了

關於按鍵

點選前後左右按鍵,會列印上下左右的箭頭,具體看下面的程式介紹

原始碼說明(ESP32原始碼)

1.整體說明

程式上啟用了兩路UDP,一路用來傳輸影象(8888埠),另一路用來傳輸按鍵資料(9999埠)

2.UDP(傳輸影象)

1,啟動UDP任務

2,UDP接收到資料之後判斷下是否採集完了一幅影象,如果採集完了,同時接收到命令, 就把圖片資料發給客戶端

命令是 0x55 0xaa 0x01 0x02

2.UDP(按鍵資料)

我這裡只是列印了下,具體實施大傢伙可以做.

原始碼說明(微信小程式原始碼)

1.建立UDP

2.使用定時器輪訓傳送資料

3.接收圖片資料並把圖片資料流新增到image控制元件

4.關於按鍵

按鍵資料的前兩個資料是固定的: 0x55 0xaa

後面一個數據是根據按鍵狀態改變的,

按下前進(0x01),

按下後退(0x02),

按下左轉(0x03),

按下右轉(0x04),

凡是鬆開哪一個按鍵最後一個數據都會變為 0x00