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
你就需要把路径设置为绝对路径
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/
就是访问的花生壳的服务器,然后他的服务器负责了转发数据.