ESP32 Tutoriaal 45/55 - Pasgemaakte Stroombediener met LED-beheer CAM-3 l SunFounder se ESP32-leerpakket
In hierdie tutoriaal gaan ons ondersoek hoe om 'n pasgemaakte stroombediener op te stel met behulp van die ESP32-uitbreidingsbord van SunFounder. Die projek laat jou toe om lewendige video na jou blaaier te stroom terwyl jy ook 'n LED direk vanaf die koppelvlak beheer. Hierdie kombinasie van funksies bied 'n praktiese leerervaring met IoT- en webtegnologieë.
Ons gaan die ESP32 se ingeboude Wi-Fi-vermoëns gebruik om 'n webbediener te skep wat video stroom en LED-beheeropdragte hanteer. Die projek behels kodering, bedrading en begrip van hoe die komponente interaksie het. As jy 'n duideliker begrip van die opstelling wil hê, maak seker dat jy die video by (in video by 00:00) kyk.
Hardeware Verduidelik
Die hoofkomponente vir hierdie projek sluit die ESP32-mikrobeheerder, 'n kameramodule, 'n LED en 'n resistor in. Die ESP32 is 'n veelsydige mikrobeheerder met ingeboude Wi-Fi en Bluetooth, wat dit perfek maak vir IoT-toepassings. Die kameramodule stel ons in staat om video vas te lê, terwyl die LED 'n eenvoudige uitsettoestel vir beheer bied.
Die LED is deur 'n resistor gekoppel om die stroom te beperk, wat skade aan beide die LED en die mikrobeheerder voorkom. Hierdie opstelling sal ons toelaat om die LED aan en af te skakel via ons webkoppelvlak, wat die vermoëns van die ESP32 toon om insette en uitsette oor 'n netwerk te hanteer.
Datablad Besonderhede
| Vervaardiger | Espressif |
|---|---|
| Deelnommer | ESP32-WROOM-32 |
| Logika/IO-spanning | 3.3 V |
| Toevoerspanning | 3.0–3.6 V |
| Uitstroom (per kanaal) | 12 mA |
| Piekstroom (per kanaal) | 40 mA |
| PWM-frekwensieriglyne | 1 kHz |
| Insetlogikadrempels | 0.2 V (laag) / 0.8 V (hoog) |
| Spanningval / RDS(on) / versadiging | 0.2 V (tip.) |
| Termiese limiete | Maksimum aansluitingstemperatuur: 125 °C |
| Pakket | QFN48 |
| Notas / variante | Beskikbaar in verskeie konfigurasies |
- Maak seker die ESP32 word met 'n gereguleerde 3.3 V-toevoer aangedryf.
- Gebruik 'n stroombeperkende resistor (220 Ohm) met die LED om skade te voorkom.
- Handhaaf behoorlike verbindings om drywende insette te vermy.
- Kontroleer dat Wi-Fi-geloofsbriewe korrek en hooflettergevoelig is.
- Gebruik 'n stabiele kragbron vir konsekwente werkverrigting.
- Oorweeg hitte-afvoer in geslote ruimtes.
Bedradingsinstruksies

Om die ESP32 en die LED te bedraad, begin deur die langer pen van die LED aan 'n geskikte GPIO-pen te koppel, in hierdie geval sal ons pen 14 gebruik. Die korter pen moet aan die grondlyn op jou broodbord gekoppel word. Plaas volgende 'n 220 Ohm-resistor in serie met die LED, wat een punt aan die GPIO-pen (pen 14) en die ander punt aan die grond koppel. Maak seker dat die ESP32 korrek aangedryf word, hetsy deur die mikro-USB-poort of met 'n 18650-litiumbattery.
Vir die kameramodule, maak seker dat jy die nodige penne volgens die kameramodel wat jy gebruik koppel, aangesien die bedrading effens kan verskil. Die ESP32 sal die videostroom via sy ingeboude vermoëns hanteer, en die LED-beheer sal deur die webkoppelvlak wat ons in die kode sal opstel, bestuur word.
Kodevoorbeelde & Deurloop
Die program begin deur nodige biblioteke in te sluit en die Wi-Fi-geloofsbriewe te definieer. Jy sal ssid en password met jou werklike Wi-Fi-geloofsbriewe moet vervang om die ESP32 aan jou netwerk te koppel.
const char* ssid = "SSID";
const char* password = "PASSWORD";
Volgende definieer ons die LED-pen en stel die kamerakonfigurasies op. Die pen wat vir die LED gebruik word, word as LED_PIN gedefinieer, wat later in die kode gebruik sal word om die LED se toestand te beheer.
#define LED_PIN 14
pinMode(LED_PIN, OUTPUT);
In die versoekhanteerder vir die LED-beheer, kontroleer ons die opdrag wat van die webkoppelvlak ontvang word. Afhangende van of die opdrag "on" of "off" is, gebruik ons digitalWrite(LED_PIN, 1); om die LED aan te skakel en digitalWrite(LED_PIN, 0); om dit af te skakel.
if(!strcmp(variable, "on")) {
Serial.println("ON");
digitalWrite(LED_PIN, 1);
}
else if(!strcmp(variable, "off")) {
Serial.println("OFF");
digitalWrite(LED_PIN, 0);
}
Hierdie logika stel die webkoppelvlak in staat om effektief met die ESP32 te kommunikeer, wat intydse beheer van die LED gebaseer op gebruikersinteraksies moontlik maak. Die volledige kode laai onder die artikel vir verdere verkenning.
Demonstrasie / Wat om te Verwags
Sodra alles opgestel is en die kode opgelaai is, behoort jy die ESP32 se IP-adres in jou webblaaier te kan toegaan. Die stroomvideo sal verskyn, en jy kan die LED met die knoppies op die koppelvlak beheer. Deur op "ON" te klik sal die LED aanskakel, terwyl "OFF" dit sal afskakel. Maak seker dat die ESP32 en jou rekenaar aan dieselfde netwerk gekoppel is om behoorlike funksionaliteit te verseker (in video by 12:30).
Video Tydstempels
- 00:00 Begin
- 1:51 Inleiding tot projek
- 2:31 Dokumentasiebladsy
- 3:33 Bedrading Verduidelik
- 5:08 Arduino-kode verduidelik
- 13:28 Kies ESP32-bord en COM-poort in Arduino IDE
- 15:10 Demonstrasie
/*********
Permission is hereby granted, free of charge,
to any person obtaining a copy of this software and associated documentation files.
The above copyright notice and this permission
notice shall be included in all copies or substantial portions of the Software.
*********/
#include "esp_camera.h"
#include <WiFi.h>
#include "esp_timer.h"
#include "img_converters.h"
#include "Arduino.h"
#include "fb_gfx.h"
#include "soc/soc.h" // disable brownout problems
#include "soc/rtc_cntl_reg.h" // disable brownout problems
#include "esp_http_server.h"
// Replace the next variables with your SSID/Password combination
const char* ssid = "SSID";
const char* password = "PASSWORD";
#define PART_BOUNDARY "123456789000000000000987654321"
#define CAMERA_MODEL_AI_THINKER
//#define CAMERA_MODEL_M5STACK_PSRAM
//#define CAMERA_MODEL_M5STACK_WITHOUT_PSRAM
//#define CAMERA_MODEL_M5STACK_PSRAM_B
//#define CAMERA_MODEL_WROVER_KIT
#if defined(CAMERA_MODEL_WROVER_KIT)
#define PWDN_GPIO_NUM -1
#define RESET_GPIO_NUM -1
#define XCLK_GPIO_NUM 21
#define SIOD_GPIO_NUM 26
#define SIOC_GPIO_NUM 27
#define Y9_GPIO_NUM 35
#define Y8_GPIO_NUM 34
#define Y7_GPIO_NUM 39
#define Y6_GPIO_NUM 36
#define Y5_GPIO_NUM 19
#define Y4_GPIO_NUM 18
#define Y3_GPIO_NUM 5
#define Y2_GPIO_NUM 4
#define VSYNC_GPIO_NUM 25
#define HREF_GPIO_NUM 23
#define PCLK_GPIO_NUM 22
#elif defined(CAMERA_MODEL_M5STACK_PSRAM)
#define PWDN_GPIO_NUM -1
#define RESET_GPIO_NUM 15
#define XCLK_GPIO_NUM 27
#define SIOD_GPIO_NUM 25
#define SIOC_GPIO_NUM 23
#define Y9_GPIO_NUM 19
#define Y8_GPIO_NUM 36
#define Y7_GPIO_NUM 18
#define Y6_GPIO_NUM 39
#define Y5_GPIO_NUM 5
#define Y4_GPIO_NUM 34
#define Y3_GPIO_NUM 35
#define Y2_GPIO_NUM 32
#define VSYNC_GPIO_NUM 22
#define HREF_GPIO_NUM 26
#define PCLK_GPIO_NUM 21
#elif defined(CAMERA_MODEL_M5STACK_WITHOUT_PSRAM)
#define PWDN_GPIO_NUM -1
#define RESET_GPIO_NUM 15
#define XCLK_GPIO_NUM 27
#define SIOD_GPIO_NUM 25
#define SIOC_GPIO_NUM 23
#define Y9_GPIO_NUM 19
#define Y8_GPIO_NUM 36
#define Y7_GPIO_NUM 18
#define Y6_GPIO_NUM 39
#define Y5_GPIO_NUM 5
#define Y4_GPIO_NUM 34
#define Y3_GPIO_NUM 35
#define Y2_GPIO_NUM 17
#define VSYNC_GPIO_NUM 22
#define HREF_GPIO_NUM 26
#define PCLK_GPIO_NUM 21
#elif defined(CAMERA_MODEL_AI_THINKER)
#define PWDN_GPIO_NUM 32
#define RESET_GPIO_NUM 33
#define XCLK_GPIO_NUM 0
#define SIOD_GPIO_NUM 26
#define SIOC_GPIO_NUM 27
#define Y9_GPIO_NUM 35
#define Y8_GPIO_NUM 34
#define Y7_GPIO_NUM 39
#define Y6_GPIO_NUM 36
#define Y5_GPIO_NUM 21
#define Y4_GPIO_NUM 19
#define Y3_GPIO_NUM 18
#define Y2_GPIO_NUM 5
#define VSYNC_GPIO_NUM 25
#define HREF_GPIO_NUM 23
#define PCLK_GPIO_NUM 22
#elif defined(CAMERA_MODEL_M5STACK_PSRAM_B)
#define PWDN_GPIO_NUM -1
#define RESET_GPIO_NUM 15
#define XCLK_GPIO_NUM 27
#define SIOD_GPIO_NUM 22
#define SIOC_GPIO_NUM 23
#define Y9_GPIO_NUM 19
#define Y8_GPIO_NUM 36
#define Y7_GPIO_NUM 18
#define Y6_GPIO_NUM 39
#define Y5_GPIO_NUM 5
#define Y4_GPIO_NUM 34
#define Y3_GPIO_NUM 35
#define Y2_GPIO_NUM 32
#define VSYNC_GPIO_NUM 25
#define HREF_GPIO_NUM 26
#define PCLK_GPIO_NUM 21
#else
#error "Camera model not selected"
#endif
#define LED_PIN 14
static const char* _STREAM_CONTENT_TYPE = "multipart/x-mixed-replace;boundary=" PART_BOUNDARY;
static const char* _STREAM_BOUNDARY = "\r\n--" PART_BOUNDARY "\r\n";
static const char* _STREAM_PART = "Content-Type: image/jpeg\r\nContent-Length: %u\r\n\r\n";
httpd_handle_t camera_httpd = NULL;
httpd_handle_t stream_httpd = NULL;
static const char PROGMEM INDEX_HTML[] = R"rawliteral(
<html>
<head>
<title>ESP32-CAM Robot</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
body { font-family: Arial; text-align: center; margin:0px auto; padding-top: 30px;}
table { margin-left: auto; margin-right: auto; }
td { padding: 8 px; }
.button {
background-color: #2f4468;
border: none;
color: white;
padding: 10px 20px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 18px;
margin: 6px 3px;
cursor: pointer;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
img { width: auto ;
max-width: 100% ;
height: auto ;
transform: rotate(180deg);
}
</style>
</head>
<body>
<h1>ESP32 CAMERA</h1>
<img src="" id="photo" >
<table>
<tr><td align="center"><button class="button" onmousedown="toggleCheckbox('on');" ontouchstart="toggleCheckbox('on');onmouseup="toggleCheckbox('on');" ontouchend="toggleCheckbox('on');">ON</button></td>
<td align="center"><button class="button" onmousedown="toggleCheckbox('off');" ontouchstart="toggleCheckbox('off');onmouseup="toggleCheckbox('off');" ontouchend="toggleCheckbox('off');">OFF</button></td></tr>
</table>
<script>
function toggleCheckbox(x) {
var xhr = new XMLHttpRequest();
xhr.open("GET", "/action?go=" + x, true);
xhr.send();
}
window.onload = document.getElementById("photo").src = window.location.href.slice(0, -1) + ":81/stream";
</script>
</body>
</html>
)rawliteral";
static esp_err_t index_handler(httpd_req_t *req){
httpd_resp_set_type(req, "text/html");
return httpd_resp_send(req, (const char *)INDEX_HTML, strlen(INDEX_HTML));
}
static esp_err_t stream_handler(httpd_req_t *req){
camera_fb_t * fb = NULL;
esp_err_t res = ESP_OK;
size_t _jpg_buf_len = 0;
uint8_t * _jpg_buf = NULL;
char * part_buf[64];
res = httpd_resp_set_type(req, _STREAM_CONTENT_TYPE);
if(res != ESP_OK){
return res;
}
while(true){
fb = esp_camera_fb_get();
if (!fb) {
Serial.println("Camera capture failed");
res = ESP_FAIL;
} else {
if(fb->width > 400){
if(fb->format != PIXFORMAT_JPEG){
bool jpeg_converted = frame2jpg(fb, 80, &_jpg_buf, &_jpg_buf_len);
esp_camera_fb_return(fb);
fb = NULL;
if(!jpeg_converted){
Serial.println("JPEG compression failed");
res = ESP_FAIL;
}
} else {
_jpg_buf_len = fb->len;
_jpg_buf = fb->buf;
}
}
}
if(res == ESP_OK){
size_t hlen = snprintf((char *)part_buf, 64, _STREAM_PART, _jpg_buf_len);
res = httpd_resp_send_chunk(req, (const char *)part_buf, hlen);
}
if(res == ESP_OK){
res = httpd_resp_send_chunk(req, (const char *)_jpg_buf, _jpg_buf_len);
}
if(res == ESP_OK){
res = httpd_resp_send_chunk(req, _STREAM_BOUNDARY, strlen(_STREAM_BOUNDARY));
}
if(fb){
esp_camera_fb_return(fb);
fb = NULL;
_jpg_buf = NULL;
} else if(_jpg_buf){
free(_jpg_buf);
_jpg_buf = NULL;
}
if(res != ESP_OK){
break;
}
//Serial.printf("MJPG: %uB\n",(uint32_t)(_jpg_buf_len));
}
return res;
}
static esp_err_t cmd_handler(httpd_req_t *req){
char* buf;
size_t buf_len;
char variable[32] = {0,};
buf_len = httpd_req_get_url_query_len(req) + 1;
if (buf_len > 1) {
buf = (char*)malloc(buf_len);
if(!buf){
httpd_resp_send_500(req);
return ESP_FAIL;
}
if (httpd_req_get_url_query_str(req, buf, buf_len) == ESP_OK) {
if (httpd_query_key_value(buf, "go", variable, sizeof(variable)) == ESP_OK) {
} else {
free(buf);
httpd_resp_send_404(req);
return ESP_FAIL;
}
} else {
free(buf);
httpd_resp_send_404(req);
return ESP_FAIL;
}
free(buf);
} else {
httpd_resp_send_404(req);
return ESP_FAIL;
}
sensor_t * s = esp_camera_sensor_get();
int res = 0;
if(!strcmp(variable, "on")) {
Serial.println("ON");
digitalWrite(LED_PIN, 1);
}
else if(!strcmp(variable, "off")) {
Serial.println("OFF");
digitalWrite(LED_PIN, 0);
}
else {
res = -1;
}
if(res){
return httpd_resp_send_500(req);
}
httpd_resp_set_hdr(req, "Access-Control-Allow-Origin", "*");
return httpd_resp_send(req, NULL, 0);
}
void startCameraServer(){
httpd_config_t config = HTTPD_DEFAULT_CONFIG();
config.server_port = 80;
httpd_uri_t index_uri = {
.uri = "/",
.method = HTTP_GET,
.handler = index_handler,
.user_ctx = NULL
};
httpd_uri_t cmd_uri = {
.uri = "/action",
.method = HTTP_GET,
.handler = cmd_handler,
.user_ctx = NULL
};
httpd_uri_t stream_uri = {
.uri = "/stream",
.method = HTTP_GET,
.handler = stream_handler,
.user_ctx = NULL
};
if (httpd_start(&camera_httpd, &config) == ESP_OK) {
httpd_register_uri_handler(camera_httpd, &index_uri);
httpd_register_uri_handler(camera_httpd, &cmd_uri);
}
config.server_port += 1;
config.ctrl_port += 1;
if (httpd_start(&stream_httpd, &config) == ESP_OK) {
httpd_register_uri_handler(stream_httpd, &stream_uri);
}
}
void setup() {
WRITE_PERI_REG(RTC_CNTL_BROWN_OUT_REG, 0); //disable brownout detector
pinMode(LED_PIN, OUTPUT);
Serial.begin(115200);
Serial.setDebugOutput(false);
camera_config_t config;
config.ledc_channel = LEDC_CHANNEL_0;
config.ledc_timer = LEDC_TIMER_0;
config.pin_d0 = Y2_GPIO_NUM;
config.pin_d1 = Y3_GPIO_NUM;
config.pin_d2 = Y4_GPIO_NUM;
config.pin_d3 = Y5_GPIO_NUM;
config.pin_d4 = Y6_GPIO_NUM;
config.pin_d5 = Y7_GPIO_NUM;
config.pin_d6 = Y8_GPIO_NUM;
config.pin_d7 = Y9_GPIO_NUM;
config.pin_xclk = XCLK_GPIO_NUM;
config.pin_pclk = PCLK_GPIO_NUM;
config.pin_vsync = VSYNC_GPIO_NUM;
config.pin_href = HREF_GPIO_NUM;
config.pin_sscb_sda = SIOD_GPIO_NUM;
config.pin_sscb_scl = SIOC_GPIO_NUM;
config.pin_pwdn = PWDN_GPIO_NUM;
config.pin_reset = RESET_GPIO_NUM;
config.xclk_freq_hz = 20000000;
config.pixel_format = PIXFORMAT_JPEG;
if(psramFound()){
config.frame_size = FRAMESIZE_VGA;
config.jpeg_quality = 10;
config.fb_count = 2;
} else {
config.frame_size = FRAMESIZE_SVGA;
config.jpeg_quality = 12;
config.fb_count = 1;
}
// Camera init
esp_err_t err = esp_camera_init(&config);
if (err != ESP_OK) {
Serial.printf("Camera init failed with error 0x%x", err);
return;
}
// Wi-Fi connection
WiFi.begin(ssid, password);
while (WiFi.status() != WL_CONNECTED) {
delay(500);
Serial.print(".");
}
Serial.println("");
Serial.println("WiFi connected");
Serial.print("Camera Stream Ready! Go to: http://");
Serial.println(WiFi.localIP());
// Start streaming web server
startCameraServer();
}
void loop() {
}
Common Course Links
Common Course Files
Hulpbronne en verwysings
-
DokumentasieESP32 Tutorial 45/55- SunFounder doc page for Custom Streamign Serverdocs.sunfounder.com
Lêers📁
Geen lêers beskikbaar.