修改ESP32CAM的示例CameraWebServer里的camera_index.h的方法

原创

已于 2025-04-11 17:39:15 修改 · 1.3k 阅读

标签

#嵌入式硬件 #单片机

于 2025-04-11 17:31:42 首次发布

实战派 ESP32-S3，双模无线开发板

ESP32-S3 原生支持 ESP-IDF，WiFi + 蓝牙一次搞定

点击查看

在这里，默认你已经会使用Arduino IDE或者PlatformIO通过烧录底座对ESP32CAM（如下图）进行烧录，并能通过浏览器对其进行访问。
ESP32CAM及其底座
我们访问到下图的界面时，不禁有个疑问，这个界面是如何生成的，如果我要修改这个界面要怎么办？本文就是提供了修改这个访问界面的方法

1. ESP32CAM的访问界面是如何产生的

这个界面是HTML页面，Arduino IDE通过对下图中的camera_index.h的编译而生成的。
在这里插入图片描述

2. camera_index.h为什么我们常见的html页面代码不一样

当我们打开camera_index.h时，发现其内容如下，三个数组分别对应的是三种不同型号摄像头不同的设置界面。其中的数组部分就是html代码部分，这部分代码与app_httpd.cpp交互来实现对摄像头的各种设置的。只不过在此处，为了方便ESP32等单片机访问，html代码通过gzip压缩成了16进制的数据。


#define index_ov2640_html_gz_len 6787
const uint8_t index_ov2640_html_gz[] = {
   
   
  0x1F, 0x8B, 0x08, 0x08, 0x23, 0xFC, 0x69, 0x5E, 0x00, 0x03, 0x69, 0x6E, 0x64, 0x65, 0x78, 0x5F, 0x6F, 0x76, 0x32, 0x36, 0x34, 0x30, 0x2E, 0x68, 0x74, 0x6D,
  0x6C, 0x00, 0xED, 0x3D, 0x6B, 0x73, 0xDB, 0x46, 0x92, 0xDF, 0xFD, 0x2B, 0x60, 0x24, 0x6B, 0x92, 0x25, 0x92, 0x22, 0x29, 0x4A, 0x96, 0x15, 0x89, 0x3E, 0x5B,
  ......
};

//File: index_ov3660.html.gz, Size: 8887
#define index_ov3660_html_gz_len 8887
const uint8_t index_ov3660_html_gz[] = {
   
   
  0x1F, 0x8B, 0x08, 0x08, 0xA3, 0xFA, 0x69, 0x5E, 0x00, 0x03, 0x69, 0x6E, 0x64, 0x65, 0x78, 0x5F, 0x6F, 0x76, 0x33