ESP32 - CAM OV2640. Module. WebServer

Tutorials and Guides Internet of Things
, , ,
1

Hello friends,

This is a cheap card ($ 6) with ESP32-S and a cam OV2640.

ESP32:
160MHz clock speed
RAM 520KB SRAM + 4M PSRAM
Bluetooth classic y BLE
Wi-Fi 802.11 b/g/n/

Cam: OV2640

SdCard reader.

Flashlight LED (GPIO 4)

esp32_cam1
esp32_cam1814×446 336 KB

  • To upload the sketches to this module we will need a USB adapter, for example the FTDI FT232 RL USB.

esp32_ftdi

Search images: ESP32-CAM WiFi OV2640

Search images: FTDI FT232RL USB

1.- Connections to upload Sketch.

esp32_cam6
esp32_cam6981×417 346 KB
.

2.- Then remove wire GND IO0 and look Serial Monitor to get IP.

3.- After loading the sketch we will only need the power cables.

esp32_cam6b

4.- In a browser write IP, example:

192.168.1.7

192.168.1.7:81/stream

ooooooooooooooooooo000oooooooooooooooooo

ooooooooooooooooooo000oooooooooooooooooo

- App Inventor.

  • We cannot see the videos with the WebViewer component, we can see it through ActivityStarter.

Action: android.intent.action.VIEW
DataUri: http://192.168.1.7:81/stream

esp32_cam8

3 Likes
2

wow i like it :+1: :smiley: :+1:

3

Hi there could you please put the whole steps for the app and thank you

4

Tutorial is here:

http://kio4.com/arduino/247_Wemos_WebCam.htm

1 Like
5

In WebViewer.

6

On this page I have modified the code so that in addition to being saved in the internal memory it is saved in the SdCard.

1 Like
7

Web Server. Web page in SdCard.

esp32_cam12
esp32_cam12800×624 294 KB

8

- IP Webcam.

If you don't have this module and you want to stream videos online, you can use your mobile as IP WebCam with this app from the Play Store.

Click in "Start Server"

Then in your PC write IP, example: 192.168.1.5:8080

ipwebcam3
ipwebcam3836×815 179 KB

9

Hello sir , my quation was in blocks what we add in -

  1. activity class
    2.activity pacakge
    ?
    or not need of that just only we have to add the "action" ? in the activity starter
10

Action and DataUri

First try in your PC Browser, example:
192.168.1.7:81/stream

11

webcam
webcam4096×3072 2.59 MB

this is block diagram of my projcet
but we not yet decide the wifi module but at last any wifi modul used ,i got the camera stream on serial monitor like-http//192.168.1.92
so how i acces this on my app .

12

according to ur say that this camera stream not opened in webviewr so i used activity starter .
but my quation was i need to connect my mobile phone wifi with the wifi module or it is without connect wifi is connectivity done through activity starter beacuse i have to make just protocol of this app how streaming i will done and then after some days i do practictly it is..!

blocks (1)
blocks (1)1410×234 42.6 KB

this is i do for utube video insted of that i just add for http//192.168.1.92 camera video stream

13

blocks
blocks1092×286 32.9 KB

IMG-20210406-WA0002
IMG-20210406-WA00021280×906 117 KB

and i have to make another app through wifi i have to controles the led of controoler
so by using web url like http // 192.168.9.21 if i got after run the program on serial monitor then in this in app wifi conncetivity i have to add the ip addres of wifi module ? or not

14

To view the cam in the app, try:

To turn LEDs on/off, see:

1 Like
15

sir if i used the activity starter i just want like when we acces the link through web in case of wifi or activity starter
there is connection done through entering ip addres in text box is same for activity starter.?

led
led1092×286 31.7 KB
led1
led11274×338 49.6 KB

1 Like
16

in this sam,e as led on off is working witj entering ip addres in text box ..
but for video streaming throught activity starter is coonectivity do like this for wifi is working or not or just we have to acces only not need of wifi connectivity in textbox by entering ip addres!!

blocks (1)
blocks (1)1410×234 42.6 KB

or like this only i have to do ( blocks)

1 Like
17

I have not tested it, but you can have the same web server for video transmission and to turn on / off the LED.
Example: TextBox1.Text: http://192.168.9.21
It depends on the code of the ESP32

18

OK thanks for ur guidence !

19

- Turn on/off LED4 of the ESP32-CAM.

p247i_ESP32_Cam.aia (2.3 KB)

  • The ESP32-CAM module has a high luminosity LED, we are going to turn it on/off from an application.

  • We are going to use the library that we saw in one of the previous post:
    https://github.com/yoursunny/esp32cam

  • The Clock has an Interval of 800 ms, every that time a CAPTURE will be made.

  • Through the Buttons we send an on/off order to LED4.

  • We can also see the video in Stream, to turn it off we must wait about 35 seconds.

    esp32_cam13
    esp32_cam13500×622 117 KB

    esp32_cam15
    esp32_cam15531×529 33.2 KB 

#include <esp32cam.h>
#include <WebServer.h>
#include <WiFi.h>

const char* WIFI_SSID = "my-ssid";
const char* WIFI_PASS = "my-pass";

WebServer server(80);

static auto loRes = esp32cam::Resolution::find(320, 240);
static auto hiRes = esp32cam::Resolution::find(800, 600);

void handleBmp()
{
  if (!esp32cam::Camera.changeResolution(loRes)) {
    Serial.println("SET-LO-RES FAIL");
  }

  auto frame = esp32cam::capture();
  if (frame == nullptr) {
    Serial.println("CAPTURE FAIL");
    server.send(503, "", "");
    return;
  }
  Serial.printf("CAPTURE OK %dx%d %db\n", frame->getWidth(), frame->getHeight(),static_cast<int>(frame->size()));

  if (!frame->toBmp()) {
    Serial.println("CONVERT FAIL");
    server.send(503, "", "");
    return;
  }
  Serial.printf("CONVERT OK %dx%d %db\n", frame->getWidth(), frame->getHeight(), static_cast<int>(frame->size()));

  server.setContentLength(frame->size());
  server.send(200, "image/bmp");
  WiFiClient client = server.client();
  frame->writeTo(client);
}

void serveJpg()
{
  auto frame = esp32cam::capture();
  if (frame == nullptr) {
    Serial.println("CAPTURE FAIL");
    server.send(503, "", "");
    return;
  }
  Serial.printf("CAPTURE OK %dx%d %db\n", frame->getWidth(), frame->getHeight(), static_cast<int>(frame->size()));

  server.setContentLength(frame->size());
  server.send(200, "image/jpeg");
  WiFiClient client = server.client();
  frame->writeTo(client);
}

void handleJpgLo()
{
  if (!esp32cam::Camera.changeResolution(loRes)) {
    Serial.println("SET-LO-RES FAIL");
  }
  serveJpg();
}

void handleJpgHi()
{
  if (!esp32cam::Camera.changeResolution(hiRes)) {
    Serial.println("SET-HI-RES FAIL");
  }
  serveJpg();
}

void handleJpg()
{
  server.sendHeader("Location", "/cam-hi.jpg");
  server.send(302, "", "");
}

void handleMjpeg()
{
  if (!esp32cam::Camera.changeResolution(hiRes)) {
    Serial.println("SET-HI-RES FAIL");
  }

  Serial.println("STREAM BEGIN");
  WiFiClient client = server.client();
  auto startTime = millis();
  int res = esp32cam::Camera.streamMjpeg(client);
  if (res <= 0) {
    Serial.printf("STREAM ERROR %d\n", res);
    return;
  }
  auto duration = millis() - startTime;
  Serial.printf("STREAM END %dfrm %0.2ffps\n", res, 1000.0 * res / duration);
}

void setup()
{
  Serial.begin(115200);
  Serial.println();

  {
    using namespace esp32cam;
    Config cfg;
    cfg.setPins(pins::AiThinker);
    cfg.setResolution(hiRes);
    cfg.setBufferCount(2);
    cfg.setJpeg(80);

    bool ok = Camera.begin(cfg);
    Serial.println(ok ? "CAMERA OK" : "CAMERA FAIL");
  }

  WiFi.persistent(false);
  WiFi.mode(WIFI_STA);
  WiFi.begin(WIFI_SSID, WIFI_PASS);
  while (WiFi.status() != WL_CONNECTED) {
    delay(500);
  }

  Serial.print("http://");
  Serial.println(WiFi.localIP());
  Serial.println("  /cam.bmp");
  Serial.println("  /cam-lo.jpg");
  Serial.println("  /cam-hi.jpg");
  Serial.println("  /cam.mjpeg");

  server.on("/cam.bmp", handleBmp);
  server.on("/cam-lo.jpg", handleJpgLo);
  server.on("/cam-hi.jpg", handleJpgHi);
  server.on("/cam.jpg", handleJpg);
  server.on("/cam.mjpeg", handleMjpeg);

  server.begin();
}

void loop()
{
  server.handleClient();
}
  • We can change the resolution of the capture:
    static auto loRes = esp32cam::Resolution::find(160, 120);

esp32_cam16

20

- ESP32-CAM captures images and uploads them to Google Drive. (I)

esp32_cam24
esp32_cam24700×476 117 KB

Previously, it is interesting to carry out this example of @TIMAI2 to upload and update files in Google Drive:

This tutorial in Spanish:
http://kio4.com/arduino/247_Wemos_WebCam.htm#drive