Search Code

Koyarwar ESP32 45/55 - Sabon Sabis na Streaming tare da sarrafa LED CAM-3 l Kundin Koyon ESP32 na SunFounder

Koyarwar ESP32 45/55 - Sabon Sabis na Streaming tare da sarrafa LED CAM-3 l Kundin Koyon ESP32 na SunFounder

A cikin wannan koyawa, za mu bincika yadda ake saita uwar garken yawo na musamman ta amfani da allon faɗaɗa ESP32 daga SunFounder. Aikin yana ba ka damar yawo da bidiyo kai tsaye zuwa burauza yayin da kuma ke sarrafa LED kai tsaye daga mu'amalar. Wannan haɗin fasaloli yana ba da damar koyo da hannu tare da IoT da fasahar yanar gizo.

Za mu yi amfani da damar Wi-Fi da ke cikin ESP32 don ƙirƙirar uwar garken yanar gizo wanda ke yawo da bidiyo da kuma sarrafa umarnin sarrafa LED. Aikin ya ƙunshi coding, wayoyi, da fahimtar yadda abubuwan ke hulɗa. Idan kana son ƙarin fahimtar saitin, tabbatar ka duba bidiyon a (a cikin bidiyo a 00:00).

Kayan Aiki Da Aka Bayyana

Babban abubuwan da ake amfani da su a wannan aikin sun haɗa da microcontroller ESP32, tsarin kyamara, LED, da resistor. ESP32 microcontroller ne mai yawan amfani wanda ke da Wi-Fi da Bluetooth a ciki, wanda ya dace da aikace-aikacen IoT. Tsarin kyamara yana ba mu damar ɗaukar bidiyo, yayin da LED ke ba da na'urar fitarwa mai sauƙi don sarrafawa.

LED an haɗa shi ta hanyar resistor don iyakance wutar lantarki, yana hana lalacewa ga LED da microcontroller. Wannan saitin zai ba mu damar kunna da kashe LED ta hanyar mu'amalar yanar gizon mu, yana nuna iyawar ESP32 wajen sarrafa shigarwa da fitarwa ta hanyar sadarwa.

Cikakkun Bayanai na Datasheet

Mai ƙeraEspressif
Lambar sashiESP32-WROOM-32
Wutar Logic/IO3.3 V
Wutar samarwa3.0–3.6 V
Wutar fitarwa (kowane tashar)12 mA
Matsakaicin wutar (kowane tashar)40 mA
Jagorar mitar PWM1 kHz
Matsakaicin shigarwar dabaru0.2 V (ƙasa) / 0.8 V (sama)
Rage wutar / RDS(on) / cikawa0.2 V (typ.)
Iyakokin zafiMatsakaicin zafin haɗin: 125 °C
KunshinQFN48
Bayanan kula / bambance-bambanceAkwai a cikin nau'ikan daban-daban

  • Tabbatar da cewa ESP32 yana da wutar da aka daidaita ta 3.3 V.
  • Yi amfani da resistor mai iyakance wutar (220 Ohm) tare da LED don hana lalacewa.
  • Kiyaye haɗin da suka dace don guje wa shigarwar da ba ta da tushe.
  • Duba cewa bayanan Wi-Fi daidai ne kuma suna da muhimmancin haruffa.
  • Yi amfani da tushen wutar mai tsayayye don ingantaccen aiki.
  • Yi la'akari da yaduwar zafi a wuraren da aka rufe.

Umurnin Wayoyi

esp32-45-streaming-sever-wriing

Don haɗa ESP32 da LED, fara da haɗa dogon pin na LED zuwa pin ɗin GPIO da ya dace, a wannan yanayin, za mu yi amfani da pin 14. Gajeren pin ya kamata ya haɗa zuwa layin ƙasa a kan breadboard ɗinka. Na gaba, sanya resistor 220 Ohm a jere tare da LED, haɗa ƙarshen ɗaya zuwa pin ɗin GPIO (pin 14) da ɗayan ƙarshen zuwa ƙasa. Tabbatar da cewa ESP32 yana da wutar da ta dace, ko dai ta hanyar tashar micro USB ko kuma da batirin lithium 18650.

Don tsarin kyamara, tabbatar da haɗa pins ɗin da suka dace bisa ga samfurin kyamara da kake amfani da shi, saboda wayoyi na iya bambanta kaɗan. ESP32 zai sarrafa yawo na bidiyo ta hanyar iyawarsa da ke ciki, kuma sarrafa LED za a gudanar da shi ta hanyar mu'amalar yanar gizo da za mu saita a cikin lambar.

Misalan Lamba & Bayani

Shirin yana farawa da haɗa ɗakunan karatu da suka dace da kuma ayyana bayanan Wi-Fi. Kana buƙatar maye gurbin ssid da password da ainihin bayanan Wi-Fi ɗinka don haɗa ESP32 zuwa hanyar sadarwarka.

const char* ssid = "SSID";
const char* password = "PASSWORD";

Na gaba, muna ayyana pin ɗin LED da saita saitunan kyamara. Pin ɗin da ake amfani da shi don LED an ayyana shi azaman LED_PIN, wanda za a yi amfani da shi daga baya a cikin lambar don sarrafa yanayin LED.

#define LED_PIN    14
pinMode(LED_PIN, OUTPUT);

A cikin mai sarrafa buƙatar don sarrafa LED, muna duba umarnin da aka karɓa daga mu'amalar yanar gizo. Dangane da ko umarnin shine "on" ko "off", muna amfani da digitalWrite(LED_PIN, 1); don kunna LED da digitalWrite(LED_PIN, 0); don kashe shi.

if(!strcmp(variable, "on")) {
  Serial.println("ON");
  digitalWrite(LED_PIN, 1);
}
else if(!strcmp(variable, "off")) {
  Serial.println("OFF");
  digitalWrite(LED_PIN, 0);
}

Wannan dabara tana ba mu'amalar yanar gizo damar sadarwa da ESP32 yadda ya kamata, yana ba da damar sarrafa LED a lokaci guda bisa ga hulɗar masu amfani. Cikakken lambar yana ɗauka a ƙasan labarin don ƙarin bincike.

Zanga-zanga / Abin da Za Ka Yi Tsammani

Da zarar an saita komai kuma an ɗora lambar, ya kamata ka sami damar shiga adireshin IP na ESP32 a cikin burauzar yanar gizonka. Bidiyon yawo zai bayyana, kuma za ka iya sarrafa LED ta amfani da maɓallan a kan mu'amalar. Danna "ON" zai kunna LED, yayin da "OFF" zai kashe shi. Tabbatar da cewa ESP32 da kwamfutarka suna haɗe zuwa hanyar sadarwa ɗaya don tabbatar da ingantaccen aiki (a cikin bidiyo a 12:30).

Lokutan Bidiyo

  • 00:00 Fara
  • 1:51 Gabatarwa ga aikin
  • 2:31 Shafin takardu
  • 3:33 Bayanin Wayoyi
  • 5:08 Bayanin lambar Arduino
  • 13:28 Zaɓin Board ɗin ESP32 da tashar COM a cikin Arduino IDE
  • 15:10 Zanga-zanga

Hotuna

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
Harshe: 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() {
  
}

Albarkatun da kuma shafukan da za a duba

Fayiloli📁

Babu fayiloli da ake da su.