当前位置：首页 > news >正文

告别网页！用ESP32-CAM+ST7789屏幕打造你的离线监控小电视（附完整代码）

news 2026/6/6 15:50:53

告别网页！用ESP32-CAM+ST7789屏幕打造你的离线监控小电视（附完整代码）

在物联网设备遍地开花的今天，我们习惯了通过手机APP或网页远程查看摄像头画面。但你是否想过，有时候最简单的本地显示反而更可靠？当网络不稳定时，当隐私成为首要考虑时，或者当你只需要在几米外观察一个固定场景时——这套基于ESP32-CAM和ST7789屏幕的离线监控方案，可能就是你的理想选择。

这个项目特别适合以下场景：

需要完全离线运行的监控环境（如实验室设备观察）
网络条件差但需要实时画面的场合
对隐私敏感，不希望视频流经网络的用户
硬件爱好者想要探索摄像头原始数据处理

1. 硬件选型与核心组件解析

1.1 为什么选择ESP32-CAM？

ESP32-CAM模组堪称物联网开发的瑞士军刀，它集成了：

ESP32芯片：双核240MHz处理器，足够处理图像数据
OV2640摄像头：支持最高1600×1200分辨率（本项目使用640×480）
MicroSD卡槽：可本地存储图像（本项目未使用）
仅25mm×27mm尺寸：极小体积适合嵌入式应用

注意：市场上有多种ESP32-CAM变体，建议选择带CP2102串口芯片的版本，烧录更方便。

1.2 ST7789屏幕的优势

相比常见的OLED，ST7789 TFT屏幕在监控场景中有独特优势：

特性	ST7789 (1.3寸)	0.96寸OLED
分辨率	240×240	128×64
色彩深度	16位色	单色
刷新率	最高60fps	通常30fps
强光可视性	优秀	较差
价格	约25元	约15元

// 屏幕初始化关键参数（Arduino库） tft.init(240, 240); // 初始化分辨率 tft.setRotation(2); // 根据安装方向调整 tft.fillScreen(ST77XX_BLACK); // 清屏

2. 硬件连接与电源管理

2.1 接线图与避坑指南

ESP32-CAM与ST7789的典型连接方式：

ESP32-CAM引脚	ST7789引脚	备注
3.3V	VCC	必须3.3V，5V会烧毁屏幕
GND	GND	共地
GPIO14	SCL	时钟线
GPIO15	SDA	数据线
GPIO2	RES	复位（非必须）
GPIO13	DC	数据/命令选择
-	CS	接地使能

常见问题解决方案：

画面闪烁：检查电源是否足够（建议单独供电）
颜色异常：确认SPI时钟频率不超过40MHz
无显示：检查GPIO15是否被上拉电阻影响

2.2 电源方案优化

实测各配置下的电流需求：

配置	平均电流	峰值电流
仅ESP32-CAM运行	80mA	200mA
ESP32+屏幕(50%亮度)	180mA	350mA
满负荷运行	250mA	500mA

推荐方案：

短期测试：USB供电（需优质数据线）
长期使用：18650电池+3.3V稳压模块
最佳体验：5V2A电源适配器

3. 核心代码解析与帧率优化

3.1 从WiFi示例到本地显示

原始WiFi示例的数据流：

摄像头 → JPEG编码 → WiFi传输 → 网页解码显示

我们的离线方案：

摄像头 → RGB565转换 → SPI直传 → 屏幕显示

关键改造步骤：

删除所有WiFi相关代码
添加TFT库依赖（如TFT_eSPI）
重写图像处理回调函数

#include <TFT_eSPI.h> TFT_eSPI tft = TFT_eSPI(); void setup() { camera_config_t config; // 摄像头初始化配置（省略详细参数） esp_camera_init(&config); tft.init(); tft.setRotation(2); } void loop() { camera_fb_t *fb = esp_camera_fb_get(); if(fb) { displayRGB565(fb->buf, fb->width, fb->height); esp_camera_fb_return(fb); } } void displayRGB565(uint8_t *buf, int width, int height) { tft.startWrite(); tft.setAddrWindow(0, 0, width, height); for(int y=0; y<height; y++) { for(int x=0; x<width; x++) { uint16_t pixel = ((uint16_t*)buf)[y*width + x]; tft.writeColor(pixel, 1); } } tft.endWrite(); }

3.2 帧率提升技巧

通过以下优化，我们实现了从5fps到15fps的飞跃：

分辨率取舍：
- 640×480 → 320×240（像素数减少75%）
- 使用setResolution()函数动态调整

SPI加速：

tft.initDMA(); // 启用DMA传输 SPI.begin(14, 15, 13, -1); // 自定义SPI引脚 SPI.setFrequency(40000000); // 40MHz时钟

双缓冲技术：
- 在内存中预转换下一帧
- 使用FreeRTOS任务分离采集和显示

CPU调频：

setCpuFrequencyMhz(240); // 满血运行

优化前后对比：

优化措施	帧率(fps)	CPU占用率
原始方案	5	85%
降分辨率	8	70%
SPI加速	12	65%
全部优化	15-18	90%

4. 进阶功能与扩展思路

4.1 添加实用功能

即使作为离线设备，这些功能也能提升体验：

运动检测：

bool detectMotion(uint8_t *current, uint8_t *previous) { int diffPixels = 0; for(int i=0; i<BUFFER_SIZE; i++) { if(abs(current[i] - previous[i]) > THRESHOLD) diffPixels++; } return diffPixels > MIN_MOTION_PIXELS; }