کوډ ولټوئ

د ESP32 ټیوټوریل 45/55 - د LED کنټرول سره دودیز سټریمینګ سرور CAM-3 l د سن فاونڈر ESP32 زده کړې کټ

د ESP32 ټیوټوریل 45/55 - د LED کنټرول سره دودیز سټریمینګ سرور CAM-3 l د سن فاونڈر ESP32 زده کړې کټ

په دې ټیوټوریل کې، موږ به وپلټو چې څنګه د SunFounder څخه د ESP32 پراختیایي بورډ په کارولو سره دودیز سټریمینګ سرور جوړ کړو. دا پروژه تاسو ته اجازه درکوي چې ژوندۍ ویډیو خپل براوزر ته سټریم کړئ پداسې حال کې چې LED مستقیم له انٹرفیس څخه کنټرولوئ. د دې ځانګړتیاوو ترکیب د IoT او ویب ټیکنالوژیو سره عملي زده کړه ممکنه کوي.

موږ به د ESP32 جوړ شوي وای-فای وړتیاوې وکاروو ترڅو یو ویب سرور جوړ کړو چې ویډیو سټریم کوي او د LED کنټرول کمانډونه اداره کوي. دا پروژه کوډ کول، تارونه نښلول، او د اجزاوو د تعامل پوهه لري. که تاسو د تنظیم په اړه روښانه پوهه غواړئ، ډاډ ترلاسه کړئ چې ویډیو په (په ویډیو کې په 00:00) کې وګورئ.

هارډویر تشریح شوی

د دې پروژې اصلي اجزاوې د ESP32 مایکروکنټرولر، د کیمرې ماډل، یو LED، او یو رزیسټر شامل دي. ESP32 یو څو اړخیز مایکروکنټرولر دی چې جوړ شوی وای-فای او بلوتوت لري، چې دا د IoT غوښتنلیکونو لپاره مناسب کوي. د کیمرې ماډل موږ ته اجازه راکوي چې ویډیو ونیسو، پداسې حال کې چې LED د کنټرول لپاره یو ساده آوټ پوټ وسیله چمتو کوي.

LED د رزیسټر له لارې وصل شوی ترڅو جریان محدود کړي، چې د LED او مایکروکنټرولر دواړو ته د زیان مخه نیسي. دا تنظیم به موږ ته اجازه راکړي چې LED زموږ د ویب انٹرفیس له لارې فعال او غیر فعال کړو، چې د شبکې په اوږدو کې د انپوټونو او آوټ پوټونو په اداره کولو کې د ESP32 وړتیاوې ښیې.

ډیټاشیټ تفصیلات

جوړونکیEspressif
د پرزې شمېرهESP32-WROOM-32
منطق/IO ولټاژ3.3 V
د بریښنا ولټاژ3.0–3.6 V
آوټ پوټ جریان (په هر چینل)12 mA
لوړ جریان (په هر چینل)40 mA
د PWM فریکونسي لارښود1 kHz
د انپوټ منطق حدونه0.2 V (ټیټ) / 0.8 V (لوړ)
د ولټاژ کمښت / RDS(on) / سنتریشن0.2 V (ټیپ.)
حرارتي حدونهاعظمي جنکشن تودوخه: 125 °C
بستهQFN48
یادښتونه / ډولونهپه مختلفو ترتیبونو کې شتون لري

  • ډاډ ترلاسه کړئ چې ESP32 د منظم 3.3 V بریښنا سره چمتو شوی.
  • د LED سره د زیان مخنیوي لپاره د جریان محدودونکی رزیسټر (220 Ohm) وکاروئ.
  • د تیرو انپوټونو څخه مخنیوي لپاره سمې اړیکې وساتئ.
  • وای-فای اسناد سم او د لویو او وړو تورو سره حساس دي وګورئ.
  • د دوامداره فعالیت لپاره مستحکم بریښنا سرچینه وکاروئ.
  • په تړلو ځایونو کې د تودوخې خپریدو ته پام وکړئ.

د تارونو نښلولو لارښوونې

esp32-45-streaming-sever-wriing

د ESP32 او LED تارونو نښلولو لپاره، د LED اوږده پن د مناسب GPIO پن سره وصل کړئ، په دې حالت کې موږ به پن 14 وکاروو. لنډ پن باید ستاسو په بریډبورډ کې د ځمکې (ground) کرښې سره وصل شي. بیا، د LED سره په لړۍ کې یو 220 Ohm رزیسټر ځای په ځای کړئ، یو پای د GPIO پن (پن 14) سره او بل پای د ځمکې سره وصل کړئ. ډاډ ترلاسه کړئ چې ESP32 په سمه توګه بریښنا شوی، یا د مایکرو 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 کنټرول لپاره د غوښتنې په اداره کونکي کې، موږ د ویب انٹرفیس څخه ترلاسه شوی کمانډ چیک کوو. پدې پورې اړه لري چې کمانډ "on" دی یا "off"، موږ د LED د فعالولو لپاره digitalWrite(LED_PIN, 1); او د غیر فعالولو لپاره 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 ریښتیني وخت کنټرول فعالوي. بشپړ کوډ د نورو سپړنې لپاره د مقالې لاندې بار کیږي.

ډیمونسټریشن / څه تمه وکړو

یوځل چې هرڅه تنظیم شي او کوډ اپلوډ شي، تاسو باید وکولی شئ د ESP32 IP پته په خپل ویب براوزر کې لاسرسی ومومئ. سټریمینګ ویډیو به ښکاره شي، او تاسو کولی شئ د انٹرفیس په بټونو په کارولو سره LED کنټرول کړئ. د "ON" کلیک کول به LED روښانه کړي، پداسې حال کې چې "OFF" به یې غیر فعال کړي. ډاډ ترلاسه کړئ چې ESP32 او ستاسو کمپیوټر ورته شبکې سره وصل دي ترڅو سم فعالیت ډاډمن شي (په ویډیو کې په 12:30).

د ویډیو وخت نښې

  • 00:00 پیل
  • 1:51 پروژې ته پیژندنه
  • 2:31 د اسنادو پاڼه
  • 3:33 د تارونو نښلول تشریح شوي
  • 5:08 د Arduino کوډ تشریح شوی
  • 13:28 په Arduino IDE کې د ESP32 بورډ او COM پورټ غوره کول
  • 15:10 ډیمونسټریشن

انځورونه

ESP32-40-micro-sd-card-2
ESP32-40-micro-sd-card-2
esp32-45-streaming-sever-wriing
esp32-45-streaming-sever-wriing
846-ESP32 Tutorial 45/55- Arduino code for Custom Streamign Server
ژبه: C++
/*********
  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() {
  
}

سرچینې او حوالې

فایلونه📁

هیڅ فایل شتون نلري.