دليل ESP32 45/55 - خادم بث مخصص مع التحكم في LED CAM-3 | مجموعة تعلم ESP32 من SunFounder
في هذا البرنامج التعليمي، سنستكشف كيفية إعداد خادم بث مخصص باستخدام لوحة التوسيع ESP32 من SunFounder. يتيح هذا المشروع لك بث فيديو مباشر إلى متصفحك بينما تتحكم أيضًا في LED مباشرة من الواجهة. هذه المجموعة من الميزات تجعل تجربة التعلم عملية مع تقنيات إنترنت الأشياء والويب.
سنستخدم قدرات الواي فاي المدمجة في ESP32 لإنشاء خادم ويب يقوم ببث الفيديو ويتعامل مع أوامر التحكم في LED. يتضمن المشروع البرمجة والأسلاك وفهم كيفية تفاعل المكونات. إذا كنت ترغب في فهم أفضل للإعداد، تأكد من مشاهدة الفيديو في (في الفيديو عند 00:00).
شرح الأجهزة
تشمل المكونات الرئيسية لهذا المشروع وحدة التحكم الدقيقة ESP32، وحدة كاميرا، مصباح LED، ومقاومة. يعتبر ESP32 وحدة تحكم دقيقة متعددة الاستخدامات مع واي فاي وبلوتوث مدمجين، مما يجعله مثالياً لتطبيقات إنترنت الأشياء. تتيح لنا وحدة الكاميرا التقاط الفيديو، بينما يوفر مصباح LED جهاز إخراج بسيط للتحكم.
تم توصيل الصمام الثنائي الباعث للضوء (LED) عبر مقاومة لتحديد التيار، مما يمنع التلف لكل من الصمام والثمانية ميكروكنترولر. ستتيح لنا هذه الإعدادات تشغيل وإيقاف الصمام عبر واجهتنا على الويب، مما يبرز قدرات ESP32 في التعامل مع المدخلات والمخرجات عبر الشبكة.
تفاصيل ورقة البيانات
| الصانع | إسبريفي |
|---|---|
| رقم القطعة | ESP32-WROOM-32 |
| جهد المنطق/الإدخال والإخراج | ٣.٣ فولت |
| جهد المصدر | ٣.٠-٣.٦ ف |
| تيار الخرج (لكل قناة) | 12 مللي أمبير |
| القيمة القصوى للتيار (لكل قناة) | ٤٠ مللي أمبير |
| توجيه تردد PWM | 1 كيلوهرتز |
| عتبات منطق الإدخال | 0.2 فولت (منخفض) / 0.8 فولت (مرتفع) |
| انخفاض الجهد / Rدياس(on)/ التشبع | 0.2 فولت (تقريباً) |
| الحدود الحرارية | أقصى درجة حرارة للتقاطع: 125 °م |
| حزمة | QFN48 |
| ملاحظات / متغيرات | متوفر بعدة تكوينات |
- تأكد من أن ESP32 مزود بالطاقة من مصدر 3.3 فولت المنظم.
- استخدم مقاومة محددة للتيار (220 أوم) مع LED لمنع التلف.
- حافظ على اتصالات صحيحة لتجنب المدخلات الطافية.
- تحقق من أن بيانات اعتماد الواي فاي صحيحة حساسة لحالة الأحرف.
- استخدم مصدر طاقة ثابت لأداء مستمر.
- اعتبر تبديد الحرارة في المساحات المغلقة.
تعليمات التوصيل
لتوصيل ESP32 والـ LED، ابدأ بتوصيل الطرف الأطول من الـ LED إلى دبوس GPIO مناسب، وفي هذه الحالة سنستخدم الدبوس 14. يجب توصيل الطرف الأقصر بخط الأرض على لوحة الدائرة. بعد ذلك، ضع مقاومة 220 أوم متصلة بالتسلسل مع الـ LED، وقم بتوصيل أحد طرفيها بالدبوس GPIO (الدبوس 14) والطرف الآخر بالأرض. تأكد من أن الـ ESP32 مُزود بالطاقة بشكل صحيح، إما من خلال منفذ micro USB أو باستخدام بطارية ليثيوم 18650.
بالنسبة لوحدة الكاميرا، تأكد من توصيل الدبابيس اللازمة وفقًا لطراز الكاميرا الذي تستخدمه، حيث قد تختلف أسلاك التوصيل قليلاً. سيتولى ESP32 معالجة تدفق الفيديو عبر إمكانياته المدمجة، وسيتم إدارة التحكم في LED من خلال واجهة الويب التي سنقوم بإنشائها في الكود.
أمثلة الشيفرة والإرشادات
يبدأ البرنامج بإدراج المكتبات الضرورية وتحديد بيانات اعتماد الواي فاي. ستحتاج إلى استبدالssidوpasswordبمعلومات اعتماد الواي فاي الخاصة بك للاتصال بشبكة الـ ESP32.
const char* ssid = "SSID";
const char* password = "PASSWORD";بعد ذلك، نحدد دبوس LED ونقوم بضبط إعدادات الكاميرا. يتم تعريف الدبوس المستخدم لـ LED على أنهLED_PIN، الذي سيستخدم لاحقًا في الكود للتحكم في حالة LED.
#define LED_PIN 14
pinMode(LED_PIN, OUTPUT);في معالج الطلبات للتحكم في LED، نتحقق من الأمر المستلم من واجهة الويب. بناءً على ما إذا كان الأمر "تشغيل" أو "إيقاف"، نستخدمdigitalWrite(LED_PIN, 1);لتشغيل LED وdigitalWrite(LED_PIN, 0);لإيقاف تشغيله.
if(!strcmp(variable, "on")) {
Serial.println("ON");
digitalWrite(LED_PIN, 1);
}
else if(!strcmp(variable, "off")) {
Serial.println("OFF");
digitalWrite(LED_PIN, 0);
}تسمح هذه المنطقية لواجهة الويب بالتواصل بشكل فعال مع ESP32، مما يمكّن التحكم في LED في الوقت الحقيقي استناداً إلى تفاعلات المستخدم. يتم تحميل الكود الكامل أسفل المقال لمزيد من الاستكشاف.
عرض / ماذا تتوقع
بمجرد إعداد كل شيء وتحميل الكود، يجب أن تتمكن من الوصول إلى عنوان IP الخاص بـ ESP32 في متصفح الويب الخاص بك. ستظهر الفيديوهات المتدفقة، ويمكنك التحكم في LED باستخدام الأزرار الموجودة على الواجهة. النقر على "تشغيل" سيضيء LED، بينما "إيقاف" ستطفئه. تأكد من أن ESP32 وجهاز الكمبيوتر الخاص بك متصلان بنفس الشبكة لضمان الوظائف الصحيحة (في الفيديو في 12:30).
طوابع الفيديو الزمنية
- 00:00 بدء
- 1:51 مقدمة للمشروع
- :31 صفحة الوثائق
- 3:33 شرح الأسلاك
- 5:08 شرح كود آردوينو
- اختيار لوحة ESP32 ومنفذ COM في Arduino IDE
- 15:10 عرض
الصور
ESP32-40-micro-sd-card-2
esp32-45-streaming-sever-wriing
846-ESP32 Tutorial 45/55- Arduino code for Custom Streamign Server
اللغة: C++
/*
* يتم بموجب هذا منح الإذن، دون مقابل، لأي شخص يحصل على نسخة من هذا البرنامج وملفات الوثائق المرتبطة به. يجب تضمين إشعار حقوق الطبع والنشر المذكور أعلاه وإشعار الإذن هذا في جميع النسخ أو الأجزاء الكبيرة من البرنامج.
*/
#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" // تعطيل مشاكل انقطاع الطاقة
#include "soc/rtc_cntl_reg.h" // تعطيل مشاكل انقطاع الطاقة
#include "esp_http_server.h"
// استبدل المتغيرات التالية بمزيج SSID/كلمة المرور الخاصة بك
const char* ssid = "SSID";
const char* password = "PASSWORD";
#define PART_BOUNDARY "123456789000000000000987654321"
#define CAMERA_MODEL_AI_THINKER
// #تعريف نموذج الكاميرا_M5STACK_PSRAM
// #تعريف نموذج الكاميرا M5STACK بدون 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;
}
// سيريال.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); // تعطيل كاشف انقطاع الطاقة
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;
}
// تهيئة الكاميرا
esp_err_t err = esp_camera_init(&config);
if (err != ESP_OK) {
Serial.printf("Camera init failed with error 0x%x", err);
return;
}
// اتصال الواي فاي
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());
// ابدأ تشغيل خادم الويب
startCameraServer();
}
void loop() {
}
Common Course Links
Common Course Files
الموارد والمراجع
-
توثيقدليل ESP32 45/55 - صفحة مستندات SunFounder لخادم البث المخصصdocs.sunfounder.com
ملفات📁
لا توجد ملفات متاحة.
