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

ESP32-CAM实验集(WebServer)

news 2026/5/17 20:20:38
WebServer
效果图

已连接
在这里插入图片描述
在这里插入图片描述

web端
在这里插入图片描述

platformio.ini
; PlatformIO Project Configuration File
;
;   Build options: build flags, source filter
;   Upload options: custom upload port, speed and extra flags
;   Library options: dependencies, extra library storages
;   Advanced options: extra scripting
;
; Please visit documentation for the other options and examples
; https://docs.platformio.org/page/projectconf.html[env:esp32]
platform = espressif32
framework = arduino
board = esp32dev
源代码
/* ESP32 HTTP IoT Server Example for Wokwi.comhttps://wokwi.com/arduino/projects/320964045035274834When running it on Wokwi for VSCode, you can connect to thesimulated ESP32 server by opening http://localhost:8180in your browser. This is configured by wokwi.toml.
*/#include <WiFi.h>
#include <WiFiClient.h>
#include <WebServer.h>
#include <uri/UriBraces.h>// #define WIFI_SSID "Wokwi-GUEST"
// #define WIFI_PASSWORD ""
#define WIFI_SSID "iQOO Neo6"
#define WIFI_PASSWORD "yyuuiioo"
// Defining the WiFi channel speeds up the connection:
#define WIFI_CHANNEL 6WebServer server(80);const int LED1 = 2;
const int LED2 = 4;bool led1State = false;
bool led2State = false;void sendHtml()
{String response = R"(<!DOCTYPE html><html><head><meta charset="UTF-8"><!-- 其他原有头部标签内容 --><title>ESP32 Web Server Demo</title><meta name="viewport" content="width=device-width, initial-scale=1"><style>html { font-family: sans-serif; text-align: center; }body { display: inline-flex; flex-direction: column; }h1 { margin-bottom: 1.2em; } h2 { margin: 0; }div { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto auto; grid-auto-flow: column; grid-gap: 1em; }.btn { background-color: #5B5; border: none; color: #fff; padding: 0.5em 1em;font-size: 2em; text-decoration: none }.btn.OFF { background-color: #333; }</style></head><body><h1>ESP32 Web Server</h1><div><h2>蓝色LED 灯</h2><a href="/toggle/1" class="btn LED1_TEXT">LED1_TEXT</a><h2>绿色的LED 灯</h2><a href="/toggle/2" class="btn LED2_TEXT">LED2_TEXT</a></div></body></html>)";response.replace("LED1_TEXT", led1State ? "ON" : "OFF");response.replace("LED2_TEXT", led2State ? "ON" : "OFF");server.send(200, "text/html", response);
}void setup(void)
{Serial.begin(115200);pinMode(LED1, OUTPUT);pinMode(LED2, OUTPUT);WiFi.begin(WIFI_SSID, WIFI_PASSWORD, WIFI_CHANNEL);Serial.print("Connecting to WiFi ");Serial.print(WIFI_SSID);// Wait for connectionwhile (WiFi.status() != WL_CONNECTED){delay(2000);Serial.print("Wait for connection .");}Serial.println(" Connected!");Serial.print("IP address: ");Serial.println(WiFi.localIP());server.on("/", sendHtml);server.on(UriBraces("/toggle/{}"), [](){String led = server.pathArg(0);Serial.print("Toggle LED #");Serial.println(led);switch (led.toInt()) {case 1:led1State = !led1State;if (led1State){Serial.print("打开");}else{Serial.print("关闭");}Serial.println("蓝色LED");digitalWrite(LED1, led1State);break;case 2:led2State = !led2State;if (led2State){Serial.print("打开");}else{Serial.print("关闭");}Serial.println("打开绿色LED");digitalWrite(LED2, led2State);break;}sendHtml(); });server.begin();Serial.println("HTTP server started (http://" + WiFi.localIP().toString() + ":80)");
}void loop(void)
{server.handleClient();delay(2);
}

相关文章：

ESP32-CAM实验集(WebServer)

WebServer 效果图 已连接 web端 platformio.ini ; PlatformIO Project Configuration File ; ; Build options: build flags, source filter ; Upload options: custom upload port, speed and extra flags ; Library options: dependencies, extra library stor…...

编程日记 2025/1/28 16:25:38

Case逢无意难休——深度解析JAVA中case穿透问题

Case逢无意难休——深度解析JAVA中case穿透问题~ 不作溢美之词&#xff0c;不作浮夸文章&#xff0c;此文与功名进取毫不相关也&#xff01;与大家共勉&#xff01;&#xff01; 更多文章&#xff1a;个人主页 系列文章&#xff1a;JAVA专栏 欢迎各位大佬来访哦~互三必回&#…...

编程日记 2025/1/28 16:24:11

Golang笔记——常用库context和runtime

大家好&#xff0c;这里是Good Note&#xff0c;关注 公主号&#xff1a;Goodnote&#xff0c;专栏文章私信限时Free。本文详细介绍Golang的常用库context和runtime&#xff0c;包括库的基本概念和基本函数的使用等。 文章目录 contextcontext 包的基本概念主要类型和函数1. **…...

编程日记 2025/1/28 16:19:53

2000-2020年各省第二产业增加值占GDP比重数据

2000-2020年各省第二产业增加值占GDP比重数据 1、时间&#xff1a;2000-2020年 2、来源&#xff1a;国家统计局、统计年鉴 3、指标&#xff1a;行政区划代码、地区名称、年份、第二产业增加值占GDP比重 4、范围&#xff1a;31省 5、指标解释&#xff1a;第二产业增加值占GDP比重…...

编程日记 2025/1/28 16:18:47

unity商店插件A* Pathfinding Project如何判断一个点是否在导航网格上?

需要使用NavGraph.IsPointOnNavmesh(Vector3 point) 如果点位于导航网的可步行部分&#xff0c;则为真。 如果一个点在可步行导航网表面之上或之下&#xff0c;在任何距离&#xff0c;如果它不在更近的不可步行节点之上 / 之下&#xff0c;则认为它在导航网上。 使用方法 Ast…...

编程日记 2025/1/28 16:15:41

Day24-【13003】短文，数据结构与算法开篇，什么是数据元素？数据结构有哪些类型？什么是抽象类型？

文章目录 13003数据结构与算法全书框架考试题型的分值分布如何&#xff1f; 本次内容概述绪论第一节概览什么是数据、数据元素&#xff0c;数据项&#xff0c;数据项的值&#xff1f;什么是数据结构&#xff1f;分哪两种集合形式&#xff08;逻辑和存储&#xff09;&#xff1f…...

编程日记 2025/1/28 16:13:38

富文本 tinyMCE Vue2 组件使用简易教程

参考官方教程 TinyMCE Vue.js integration technical reference Vue2 项目需要使用 tinyMCE Vue2 组件(tinymce/tinymce-vue)的第 3 版 安装组件 npm install --save "tinymce/tinymce-vue^3" 编写组件调用 <template><Editorref"editor"v-m…...

编程日记 2025/1/28 16:12:37

强化学习在自动驾驶中的实现与挑战

强化学习在自动驾驶中的实现与挑战 自动驾驶技术作为当今人工智能领域的前沿之一，正通过各种方式改变我们的出行方式。而强化学习（Reinforcement Learning, RL），作为机器学习的一大分支，在自动驾驶的实现中扮演了至关重要的角色。它通过模仿人类驾驶员的决策过程，为车辆…...

编程日记 2025/1/28 16:11:28

记录 | MaxKB创建本地AI智能问答系统

目录 前言一、重建MaxKBStep1 复制路径Step2 删除MaxKBStep3 创建数据存储文件夹Step4 重建 二、创建知识库Step1 新建知识库Step2 下载测试所用的txtStep3 上传本地文档Step4 选择模型补充智谱的API Key如何获取 Step5 查看是否成功 三、创建应用Step1 新建应用Step2 配置AI助…...

编程日记 2025/1/28 16:09:14

特种作业操作之低压电工考试真题

1.下面&#xff08; &#xff09;属于顺磁性材料。 A. 铜 B. 水 C. 空气 答案&#xff1a;C 2.事故照明一般采用&#xff08; &#xff09;。 A. 日光灯 B. 白炽灯 C. 压汞灯 答案&#xff1a;B 3.人体同时接触带电设备或线路中的两相导体时&#xff0c;电流从一相通过人体流…...

编程日记 2025/1/28 16:07:11

[免费]基于Python的Django博客系统【论文+源码+SQL脚本】

大家好&#xff0c;我是java1234_小锋老师&#xff0c;看到一个不错的基于Python的Django博客系统&#xff0c;分享下哈。 项目视频演示 【免费】基于Python的Django博客系统 Python毕业设计_哔哩哔哩_bilibili 项目介绍 随着互联网技术的飞速发展&#xff0c;信息的传播与…...

编程日记 2025/1/28 16:06:10

Cannot resolve symbol ‘XXX‘ Maven 依赖问题的解决过程

一、问题描述 在使用 Maven 管理项目依赖时&#xff0c;遇到了一个棘手的问题。具体表现为&#xff1a;在 pom.xml 文件中导入了所需的依赖&#xff0c;并且在 IDE 中导入语句没有显示为红色&#xff08;表示 IDE 没有提示依赖缺失&#xff09;&#xff0c;但是在实际使用这些依…...

编程日记 2025/1/28 16:04:01

我们需要有哪些知识体系，知识体系里面要有什么哪些内容？

01、管理知识体系的学习知识体系 主要内容&#xff1a; 1、知识管理框架的外部借鉴、和自身知识体系的搭建&#xff1b; 2、学习能力、思维逻辑能力等的塑造&#xff1b; 3、知识管理工具的使用&#xff1b; 4、学习资料的导入和查找资料的渠道&#xff1b; 5、深层关键的…...

编程日记 2025/1/28 16:02:57

什么是vue.js组件开发，我们需要做哪些准备工作？

Vue.js 是一个非常流行的前端框架，用于构建用户界面。组件开发是 Vue.js 的核心概念之一，通过将界面拆分为独立的组件，可以提高代码的可维护性和复用性。以下是一个详细的 Vue.js 组件开发指南，包括基础概念、开发流程和代码示例。 一、Vue.js 组件开发基础 1. 组件的基本…...

编程日记 2025/1/28 16:00:52

网络工程师 （3）指令系统基础

一、寻址方式 &#xff08;一&#xff09;指令寻址 顺序寻址&#xff1a;通过程序计数器&#xff08;PC&#xff09;加1&#xff0c;自动形成下一条指令的地址。这是计算机中最基本、最常用的寻址方式。 跳跃寻址&#xff1a;通过转移类指令直接或间接给出下一条指令的地址。跳…...

编程日记 2025/1/28 15:55:44

第4章 神经网络【1】——损失函数

4.1.从数据中学习 实际的神经网络中&#xff0c;参数的数量成千上万&#xff0c;因此&#xff0c;需要由数据自动决定权重参数的值。 4.1.1.数据驱动 数据是机器学习的核心。 我们的目标是要提取出特征量&#xff0c;特征量指的是从输入数据/图像中提取出的本质的数 …...

编程日记 2025/1/28 15:53:41

【Python】第五弹---深入理解函数：从基础到进阶的全面解析

✨个人主页&#xff1a; 熬夜学编程的小林 &#x1f497;系列专栏&#xff1a; 【C语言详解】 【数据结构详解】【C详解】【Linux系统编程】【MySQL】【Python】 目录 1、函数 1.1、函数是什么 1.2、语法格式 1.3、函数参数 1.4、函数返回值 1.5、变量作用域 1.6、函数…...

编程日记 2025/1/28 15:52:37

【MQ】如何保证消息队列的高性能？

零拷贝 Kafka 使用到了 mmap 和 sendfile 的方式来实现零拷贝。分别对应 Java 的 MappedByteBuffer 和 FileChannel.transferTo 顺序写磁盘 Kafka 采用顺序写文件的方式来提高磁盘写入性能。顺序写文件&#xff0c;基本减少了磁盘寻道和旋转的次数完成一次磁盘 IO&#xff0…...

编程日记 2025/1/28 15:50:29

RAG是否被取代（缓存增强生成-CAG）吗？

引言&#xff1a; 本文深入研究一种名为缓存增强生成&#xff08;CAG&#xff09;的新技术如何工作并减少/消除检索增强生成&#xff08;RAG&#xff09;弱点和瓶颈。 LLMs 可以根据输入给他的信息给出对应的输出&#xff0c;但是这样的工作方式很快就不能满足应用的需要: 因…...

编程日记 2025/1/28 15:49:27

用C++编写一个2048的小游戏

以下是一个简单的2048游戏的实现。这个实现使用了控制台输入和输出&#xff0c;适合在终端或命令行环境中运行。 2048游戏的实现 1.游戏逻辑 2048游戏的核心逻辑包括&#xff1a; • 初始化一个4x4的网格。 • 随机生成2或4。 • 处理玩家的移动操作&#xff08;上、下、左、…...

编程日记 2025/1/28 15:47:22

智慧树自动刷课神器Autovisor：3分钟极速上手的完整指南

智慧树自动刷课神器Autovisor&#xff1a;3分钟极速上手的完整指南 【免费下载链接】Autovisor 2025智慧树刷课脚本 基于Python Playwright的自动化程序 [有免安装版] 项目地址: https://gitcode.com/gh_mirrors/au/Autovisor 还在为智慧树平台的繁琐操作而烦恼吗&#…...

编程新知 2026/5/17 8:41:30

ncmdumpGUI：3步解决网易云音乐ncm格式播放限制的终极方案

ncmdumpGUI&#xff1a;3步解决网易云音乐ncm格式播放限制的终极方案 【免费下载链接】ncmdumpGUI C#版本网易云音乐ncm文件格式转换&#xff0c;Windows图形界面版本 项目地址: https://gitcode.com/gh_mirrors/nc/ncmdumpGUI 你是否曾经在网易云音乐下载了心爱的歌曲…...

编程新知 2026/5/17 8:06:47

AI模型部署实战：基于FastAPI与Tauri构建OpenClaw模型GUI应用

1. 项目概述与核心价值最近在AI应用开发圈里&#xff0c;一个名为“GrahamMiranda-AI/openclaw-model-gui”的项目引起了我的注意。乍一看这个标题&#xff0c;它融合了“openclaw-model”和“gui”两个关键部分&#xff0c;这让我立刻联想到一个典型的场景&#xff1a;一个已经…...

编程新知 2026/5/17 7:29:46

Seraphine终极指南：英雄联盟智能助手如何提升您的游戏胜率

Seraphine终极指南&#xff1a;英雄联盟智能助手如何提升您的游戏胜率 【免费下载链接】Seraphine 英雄联盟战绩查询工具 项目地址: https://gitcode.com/gh_mirrors/se/Seraphine 在英雄联盟的激烈对局中&#xff0c;错过对局接受、BP阶段犹豫不决、缺乏队友对手信息&a…...

编程新知 2026/5/17 6:43:10

Kubernetes原生自动化部署工具Keel：实现容器镜像自动更新的最后一公里

1. 项目概述&#xff1a;什么是Keel&#xff0c;以及它解决了什么问题如果你和我一样&#xff0c;在团队里负责过一段时间的应用部署和更新&#xff0c;那你一定对“发布日”的紧张感深有体会。开发那边代码一提交&#xff0c;这边就得开始手动拉取镜像、更新Kubernetes的Deplo…...

编程新知 2026/5/17 6:24:48

嵌入式测试学习第 12天：串口基础概念：UART、波特率、数据位、校验位

串口基础概念&#xff1a;UART、波特率、数据位、校验位一、串口整体基础概念1、什么是UART串口2、串口实物真实图片① 主板/开发板排针串口② USB转TTL串口模块③ 老式DB9工业串口公头母头二、串口四大核心参数1、波特率概念常用标准固定值通俗理解测试场景2、数据位概念作用3…...

编程新知 2026/5/17 5:41:51

ESP32-S2 Reverse TFT Feather开发板深度解析：从核心硬件到物联网项目实战

1. 项目概述&#xff1a;为什么选择ESP32-S2 Reverse TFT Feather&#xff1f;如果你正在寻找一款能让你快速搭建物联网设备原型&#xff0c;尤其是那些需要一块漂亮屏幕来交互或显示信息的项目&#xff0c;那么ESP32-S2 Reverse TFT Feather绝对是一个值得你花时间研究的开发板…...

编程新知 2026/5/17 5:02:17

Docker容器MCP服务镜像：AI安全运维与自动化实践

1. 项目概述&#xff1a;一个为Docker容器提供MCP服务的镜像最近在折腾一些自动化工作流&#xff0c;发现很多工具都开始支持一种叫做MCP&#xff08;Model Context Protocol&#xff09;的协议。简单来说&#xff0c;MCP就像是一个标准化的“插座”&#xff0c;让各种AI模型&a…...

编程新知 2026/5/17 4:25:04

ElevenLabs克隆成功率从31%飙升至96.7%：基于LPC共振峰校准+Prosody Transfer双引擎微调法（实测数据包已脱敏上传）

更多请点击&#xff1a; https://intelliparadigm.com 第一章&#xff1a;ElevenLabs语音克隆方法概览 ElevenLabs 提供了高保真、低延迟的语音克隆能力&#xff0c;其核心依赖于少量高质量语音样本&#xff08;通常 1–3 分钟&#xff09;与上下文感知的零样本/少样本微调技术…...

编程新知 2026/5/17 4:22:16

Deep Lake：AI数据湖与向量数据库一体化管理实践

1. 项目概述&#xff1a;当数据湖遇上深度学习如果你正在构建一个AI应用&#xff0c;无论是图像识别、自然语言处理还是多模态模型&#xff0c;数据管理绝对是你绕不开的“硬骨头”。数据分散在各个文件夹、云存储、数据库里&#xff0c;格式五花八门&#xff0c;加载速度慢&am…...

编程新知 2026/5/17 4:18:14