VScode+esp-idf:编译安信可esp32-cam例程(esp32-web-camera)


看到网上很多esp32-cam的例程都是基于arduino或者microPython环境,我还是对ESP-IDF环境感到踏实。这是我在VScode+esp-idf下面编译“esp32-web-camera”框架下面的例程《camera_web_server》过程的记录。

1.下载源代码

我选了码云的“ 随遇而安 / esp32-web-camera”。
这里介绍是这样:

安信可ESP32-CAM开发板摄像,浏览器端查看实时视频,基于ESP-IDF4.1版本,包含人脸监测。

这里要求的的ESP-IDF版本是4.1,我用的是ESP-IDFV4.4,也可以正常使用。

1.1把源代码放到example目录下

我的绝对路径是 E:\esp32\esp-idf\examples,放在这里:
在这里插入图片描述

2.创建新工程

因为目录放在example里面,就可以通过命令面板创建新工程:
在这里插入图片描述
搜索“example”:
在这里插入图片描述
选择Use current ESP-IDF:
在这里插入图片描述
选择《camera_web_server》工程,创建工程时会要求选择工程路径,可以按照自己的喜好来。
在这里插入图片描述

3.修改《CMakeLists.txt》

《CMakeLists.txt》这个文件很多,几乎每个文件夹都有一个,不要搞错。

正确的文件:《./camera_web_server/CMakeLists.txt》
错误的文件:《./camera_web_server/main/CMakeLists.txt》

在这里插入图片描述
修改的目的是重新指定本工程额外增加的component的路径。

# The following lines of boilerplate have to be in your project's
# CMakeLists in this exact order for cmake to work correctly
cmake_minimum_required(VERSION 3.5)

#set(EXTRA_COMPONENT_DIRS ../../../components)

set(EXTRA_COMPONENT_DIRS $ENV{IDF_PATH}/examples/esp32-web-camera-master/components)

include($ENV{IDF_PATH}/tools/cmake/project.cmake)
project(camera_web_server)

有图有真相,用图表示比较直观。
在这里插入图片描述

4.配置工程和编译工程

4.1配置工程

到了这里,可以开始配置工程,主要是配置wifi,选择开发板。
在这里插入图片描述
我的板子是安信可的:
在这里插入图片描述
闪光灯GPIO选择,根据原理图,GPIO4用来控制LED:
在这里插入图片描述
对应的配置,LED的其他设置不变:
在这里插入图片描述

配置完毕可以开始编译。

4.2编译工程

开始编译:
在这里插入图片描述
编译完成:
在这里插入图片描述

5.烧录bin文件,打开浏览器测试

连接好串口,使ESP32-cam进入烧录状态(IO0接地,复位):
这里借用别人的硬件连接图:
在这里插入图片描述
点击烧录按键,开始烧录:
在这里插入图片描述
烧录完成后,取消IO0的接地,复位,运行程序:
在这里插入图片描述
联网成功后会打印的ip地址,根据这个地址,在浏览器地址栏输入 “http://192.168.110.217/”:
在这里插入图片描述
到此,本文结束。

posted @ 2022-08-18 16:38  汉塘阿德  阅读(383)  评论(0编辑  收藏  举报  来源