<p><iframe name="ifd" src="https://mnifdv.cn/resource/cnblogs/LearnESP32" 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
