002-ESP32學習開發-測試網絡攝像頭(OV2640),實現遠程視頻監控(花生殼http映射)


<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

 

 

你就需要把路徑設置為絕對路徑

../components/camera/include/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/

就是訪問的花生殼的服務器,然后他的服務器負責了轉發數據.

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM