<p><iframe name="ifd" src="https://mnifdv.cn/resource/cnblogs/LearnESP32" frameborder="0" scrolling="auto" width="100%" height="1500"></iframe></p>
說明
這一節測試一下在手機瀏覽器或者電腦瀏覽器上瀏覽攝像頭圖像
下面是我使用手機瀏覽器訪問的
咱先直接燒錄bin文件測試下
1.為了快速測試,我把程序文件里面的bin文件復制了出來
2.使用USB線連接開發板
注意跳線帽短接,攝像頭箭頭方向的兩個排針
3.打開燒錄軟件
4.軟件設置如下
注意文件的后面的地址別寫錯了
然后選擇開發板對於的串口,然后點擊下載
5.下載中
6.下載完成
7.復位下模組
8.打開串口調試助手
如果打印如下,說明正常運行
9.ESP32默認連接的無線名稱為: QQQQQ 密碼:11223344
可以使用手機開熱點,也可以配置自己的路由器名稱,建議先使用手機開熱點
后面咱可以修改程序哈.
配置自己的手機熱點
打開熱點
10.查看ESP32連接無線以后分配的IP地址
11.然后在手機瀏覽器上輸入
http://剛才的IP地址:8081/ 然后點擊搜索
現在修改程序讓模塊連接路由器實現局域網攝像頭訪問
1.把這一節的源碼壓縮包拷貝到以下位置
第一節安裝的時候生成了一個esp-idf文件夾哈!具體放到里面的位置如下圖
最后解壓出來
2,注意是直接解壓到當前文件夾,點擊以后里面直接是源碼哈
3,VSCode 選擇打開文件夾
4.打開工程以后如果出現下面的請點擊是
注:這個是軟件幫你配置頭文件哈
注意1:
如果不出現上面的軟件自動配置提醒,你需要自己設置下頭文件路徑
否則可能編譯報錯!
所有的代碼都是在esp-idf這個文件夾里面,所以只需要把前面的 H:/LearnESP32 改為自己的就可以.
"H:/LearnESP32/esp-idf/components/freertos/include", "H:/LearnESP32/esp-idf/examples/get-started/esp32_cam/components/camera/include", "H:/LearnESP32/esp-idf/components/esp_http_server/include", "H:/LearnESP32/esp-idf/components/esp_event/include", "H:/LearnESP32/esp-idf/components/log/include", "H:/LearnESP32/esp-idf/components/esp_system/include", "H:/LearnESP32/esp-idf/components/esp_wifi/include", "H:/LearnESP32/esp-idf/components/esp_common/include", "H:/LearnESP32/esp-idf/components/nvs_flash/include", "H:/LearnESP32/esp-idf/components/driver/include", "H:/LearnESP32/esp-idf/examples/get-started/esp32_cam/components/camera/include/" "browse": { "limitSymbolsToIncludedHeaders": true, "databaseFilename": "", "path": [ "${workspaceRoot}", "H:\\LearnESP32\\esp-idf\\components" ///< 填充您自己的實際esp-idf路徑下的components的路徑 ] },
注意2:這個編譯以后如何出現的話再修改
如果編譯出現 XXXX.h文件,列如說找不到 esp_camera.h
你就需要把路徑設置為絕對路徑
6.這個是我編譯生成的build文件夾,需要把它先清理掉
7.點擊下面的圖標,清理下這個工程
清理成功以后軟件會把build文件夾刪除掉,
8.在demo.c里面修改模組連接的路由器名稱和密碼,然后保存一下工程
9.點擊編譯工程
10.編譯完成
11.關閉原先串口調試助手占用的板子的COM口
12.使用軟件下載(選擇開發板對於的COM口)
13.點擊下載
14.下載完成(不要點擊任意鍵哈,這樣的話會重新下載)
提示一下,這里會顯示各個bin文件下載的地址,使用燒錄軟件下載的時候按照這個地址下載就可以
0x8000 partition_table/partition-table.bin
0x1000 bootloader/bootloader.bin
0x10000 esp32_cam_demo.bin
15.可以使用軟件打開調試口
並查看模組連接上路由器以后分配的IP地址
16.使用手機或者電腦也連接這個路由器
然后在瀏覽器上輸入 http://模組IP地址:8081/
17.如果出現打印連接不上路由器或者打印檢測不到攝像頭的情況
可以重新給板子上電!
也可以使用燒錄軟件燒錄
0x10000 esp32_cam_demo.bin
0x1000 bootloader/bootloader.bin
0x8000 partition_table/partition-table.bin
最后下載即可
使用花生殼配置遠程訪問
1.不建議這樣子做哈....
2.讓電腦和WiFi模塊處於同一個網絡中
3.搜索花生殼
4.下載並安裝,注冊,登錄
5.選擇映射配置
4.輸入先前注冊的賬號和密碼
6.添加映射
7.選擇http
8.需要花錢
9.選擇購買
10.退出花生殼,重新登錄
11.可以在這里直接添加映射
12.按照下面的配置
外網域名:這個就是咱通過外網訪問的域名
外網端口默認80就可以
內網主機填寫WiFi模組的IP地址
內網主機填寫WiFi模組監聽的端口號 8081
13.在手機或者電腦瀏覽器上輸入這個域名
14.現在可以用手機或者電腦遠程觀看了
其實呢咱訪問 http://358n960z57.wicp.vip/
就是訪問的花生殼的服務器,然后他的服務器負責了轉發數據.