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

說明

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

效果展示

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

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

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

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

3.使用微信開發工具開啟這節的小程式工程

4.編譯,預覽, 使用微信掃碼安裝到手機

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

6.然後就可以了

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

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

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

3.微信小程式程式碼裡面設定IPAddress1 為上面的IP地址

4.如果電腦和開發板在一個區域網下,電腦上面也可以看到影象了

關於按鍵

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

原始碼說明(ESP32原始碼)

1.整體說明

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

2.UDP(傳輸影象)

1,基本的UDP啥的就不說了哈,就是在官方提供的例子上修改的. 我只說下關鍵處

2,啟動UDP任務

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

命令是 0x55 0xaa 0x01 0x02

2.UDP(按鍵資料)

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

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

1.建立UDP

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

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

4.關於按鍵

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

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

按下前進(0x01),

按下後退(0x02),

按下左轉(0x03),

按下右轉(0x04),

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