Веб-сервер для потокового видео на базе ESP32-CAM (работает с Home Assistant)

14.11.2019Вольтик.руИнтернет вещей, Проекты на ESP8266 / EPS32Комментариев нет

Вступление

В этом проекте мы создадим IP-камеру для видеонаблюдения на основе платы ESP32-CAM. Камера с микроконтроллером ESP32 будет работать в качестве веб-сервера для потокового видео, к которому можно будет обратиться посредством любого устройства в вашей сети.

Вы можете интегрировать этот веб-сервер для трансляции потокового видео с популярными платформами автоматизации дома, такими как Home Assistant или Node-RED. В этом руководстве мы покажем, как интегрировать её с системами Home Assistant и Node-RED.

Необходимые для проекта компоненты

Для этого руководства вам понадобятся следующие компоненты:

ESP32-CAM с камерой OV2640
Программатор на основе микросхемы компании FTDI
Проволочные перемычки с гнёздами на обоих концах
Муляж камеры системы безопасности
Блок питания на 5 В для платы ESP32-CAM
Дополнительно — система Home Assistant на Raspberry Pi 3B+
Карта MicroSD, 32 ГБ, Class10
Блок питания для платы Raspberry Pi (5 В, 2,5 А).

Краткое описание ESP32-CAM

Веб-сервер для трансляции потокового видео на плате ESP32-CAM (работает с системой Home Assistant)

Плата ESP32-CAM представляет собой очень компактный модуль с камерой и микросхемой ESP32-S, который стоит меньше 10 долл. Вы можете прочитать наше руководство по началу работы с модулем ESP32-CAM и изучить, как применить примеры с потоковым видео и распознаванием лиц.

Установка дополнения для микроконтроллера ESP32

В этом примере мы используем среду разработки Arduino IDE для программирования платы ESP32-CAM. Поэтому вам понадобится установить среду Arduino IDE, а также дополнение для ESP32. Если вы ещё этого не сделали можно поставить дополнение, следуя следующему руководству:

Установка ESP32 в Arduino IDE (руководство для ОС Windows)

Код веб-сервера для потокового видео

Далее скопируйте нижеприведённый код в среду Arduino IDE.

/*********
  Rui Santos
  Complete project details at https://RandomNerdTutorials.com
  
  IMPORTANT!!! 
   - Select Board "ESP32 Wrover Module"
   - Select the Partion Scheme "Huge APP (3MB No OTA)
   - GPIO 0 must be connected to GND to upload a sketch
   - After connecting GPIO 0 to GND, press the ESP32-CAM on-board RESET button to put your board in flashing mode
  
  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 "dl_lib.h"
#include "esp_http_server.h"

//Replace with your network credentials
const char* ssid = "REPLACE_WITH_YOUR_SSID";
const char* password = "REPLACE_WITH_YOUR_PASSWORD";

#define PART_BOUNDARY "123456789000000000000987654321"

// This project was tested with the AI Thinker Model, M5STACK PSRAM Model and M5STACK WITHOUT PSRAM
#define CAMERA_MODEL_AI_THINKER
//#define CAMERA_MODEL_M5STACK_PSRAM
//#define CAMERA_MODEL_M5STACK_WITHOUT_PSRAM

// Not tested with this model
//#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    -1
  #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
#else
  #error "Camera model not selected"
#endif

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 stream_httpd = NULL;

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;
}

void startCameraServer(){
  httpd_config_t config = HTTPD_DEFAULT_CONFIG();
  config.server_port = 80;

  httpd_uri_t index_uri = {
    .uri       = "/",
    .method    = HTTP_GET,
    .handler   = stream_handler,
    .user_ctx  = NULL
  };
  
  //Serial.printf("Starting web server on port: '%d'\n", config.server_port);
  if (httpd_start(&stream_httpd, &config) == ESP_OK) {
    httpd_register_uri_handler(stream_httpd, &index_uri);
  }
}

void setup() {
  WRITE_PERI_REG(RTC_CNTL_BROWN_OUT_REG, 0); //disable brownout detector
 
  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_UXGA;
    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.print(WiFi.localIP());
  
  // Start streaming web server
  startCameraServer();
}

void loop() {
  delay(1);
}

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

155

156

157

158

159

160

161

162

163

164

165

166

167

168

169

170

171

172

173

174

175

176

177

178

179

180

181

182

183

184

185

186

187

188

189

190

191

192

193

194

195

196

197

198

199

200

201

202

203

204

205

206

207

208

209

210

211

212

213

214

215

216

217

218

219

220

221

222

223

224

225

226

227

228

229

230

231

232

233

234

235

236

237

238

239

240

241

242

243

244

245

246

247

248

249

250

251

252

253

254

255

256

257

258

259

260

261

262

263

264

265

266

/*********

Rui Santos

Complete project details at https://RandomNerdTutorials.com

IMPORTANT!!!

- Select Board "ESP32 Wrover Module"

- Select the Partion Scheme "Huge APP (3MB No OTA)

- GPIO 0 must be connected to GND to upload a sketch

- After connecting GPIO 0 to GND, press the ESP32-CAM on-board RESET button to put your board in flashing mode

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 "dl_lib.h"

#include "esp_http_server.h"

//Replace with your network credentials

const char* ssid = "REPLACE_WITH_YOUR_SSID";

const char* password = "REPLACE_WITH_YOUR_PASSWORD";

#define PART_BOUNDARY "123456789000000000000987654321"

// This project was tested with the AI Thinker Model, M5STACK PSRAM Model and M5STACK WITHOUT PSRAM

#define CAMERA_MODEL_AI_THINKER

//#define CAMERA_MODEL_M5STACK_PSRAM

//#define CAMERA_MODEL_M5STACK_WITHOUT_PSRAM

// Not tested with this model

//#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 -1

#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

#else

#error "Camera model not selected"

#endif

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 stream_httpd = NULL;

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;

}

void startCameraServer(){

httpd_config_t config = HTTPD_DEFAULT_CONFIG();

config.server_port = 80;

httpd_uri_t index_uri = {

.uri = "/",

.method = HTTP_GET,

.handler = stream_handler,

.user_ctx = NULL

};

//Serial.printf("Starting web server on port: '%d'\n", config.server_port);

if (httpd_start(&stream_httpd, &config) == ESP_OK) {

httpd_register_uri_handler(stream_httpd, &index_uri);

}

void setup() {

WRITE_PERI_REG(RTC_CNTL_BROWN_OUT_REG, 0); //disable brownout detector

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_UXGA;

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.print(WiFi.localIP());

// Start streaming web server

startCameraServer();

}

void loop() {

delay(1);

}

Перед загрузкой кода необходимо ввести учётные данные вашей сети в следующие переменные:

const char* ssid = "REPLACE_WITH_YOUR_SSID";
const char* password = "REPLACE_WITH_YOUR_PASSWORD";

1 2	const char* ssid = "REPLACE_WITH_YOUR_SSID"; const char* password = "REPLACE_WITH_YOUR_PASSWORD";

Далее необходимо указать используемый модуль камеры. В этом случае мы используем модуль компании A.I. Thinker.

#define CAMERA_MODEL_AI_THINKER

1	#define CAMERA_MODEL_AI_THINKER

Теперь можно загрузить код в плату ESP32-CAM.

Если вы используете этот же модуль камеры, то вам нет необходимости менять что-либо.

Загрузка кода

Подключите плату ESP32-CAM к компьютеру посредством программатора FTDI. Подключите согласно следующей схеме.

Важно: вывод GPIO 0 необходимо подключить к выводу GND для обеспечения загрузки кода.

Для загрузки кода выполните следующее:

В меню Инструменты > Плата (Tools > Board) выберите «ESP32 Wrover Module».
В меню Инструменты > Порт (Tools > Port) выберите COM-порт, к которому подключена плата с микроконтроллером ESP32.
В меню Инструменты > Partition Scheme (Схема разделов) выберите «Huge APP (3MB No OTA)».
Затем нажмите кнопку «Загрузка» («Upload»).

Важно: если не получается загрузить код, перепроверьте, подключён ли вывод GPIO 0 к выводу GND и верно ли установлены настройки в меню «Инструменты». Кроме того, необходимо нажать кнопку сброса «Reset» на плате, чтобы микроконтроллер ESP32 перезапустился в режиме записи во флэш-память.

Получение IP-адреса

После загрузки кода отключите вывод GPIO 0 от вывода GND. Откройте окно последовательного COM-порта (Serial Monitor) и настройте скорость передачи на 115 200 бод. Нажмите кнопку сброса «Reset» на плате ESP32-CAM.

IP-адрес микроконтроллера ESP32 должен появиться в окне последовательного COM-порта (Serial Monitor).

Подключение к серверу трансляции потокового видео

Теперь можно подключиться к серверу потокового видео в вашей локальной сети. Откройте веб-браузер и введите IP-адрес платы ESP32-CAM. Должна загрузиться страница с текущим видеопотоком.

Интеграция с системой Home Assistant

Для большинства людей может быть полезно и простое подключение модуля ESP32-CAM к локальной сети, но вы также можете интегрировать его с системой Home Assistant (или другой платформой автоматизации дома). Далее вы можете узнать, как интегрировать модуль с системой Home Assistant.

Откройте информационную панель системы Home Assistant и пройдите в меню дополнительных настроек.

Выберите «Configure UI» (Настроить интерфейс):

Добавьте новый ярлык на информационную панель:

Выберите ярлык типа «Picture» (Картинка).

В поле «Image URL» (URL-адрес изображения) введите IP-адрес модуля ESP32-CAM. Затем нажмите кнопку «SAVE» (СОХРАНИТЬ) и вернитесь в главную информационную панель.

Если вы используете файл конфигурации, то необходимо добавить следующее.

После этого система Home Assistant сможет отображать потоковое видео от модуля ESP32-CAM.

Идём далее

В дополнение можно поместить модуль ESP32-CAM в муляж камеры.

Плату ESP32-CAM можно запитать посредством блока питания на 5 В через выводы GND и 5V.

Расположите камеру видеонаблюдения в подходящем месте.

После этого подключитесь к камере по IP-адресу или информационной панели системы Home Assistant и смотрите, что происходит в реальном времени.

Впечатляет, на что способен этот небольшой модуль с камерой и микросхемой ESP32 за 9 долл. и его надёжность в ходе работы. Теперь мы можем использовать камеру видеонаблюдения, чтобы наблюдать, что происходит у переднего входа.

Полезный совет: интеграция с системой Node-RED

Веб-сервер трансляции потокового видео можно также интегрировать с системой Node-RED и её информационной панелью. Вам просто необходимо создать Шаблонный узел и добавить следующее:

<div style="margin-bottom: 10px;">
<img src="https://YOUR-ESP32-CAM-IP-ADDRESS" width="650px">
</div>

</div>

Для атрибута src необходимо ввести IP-адрес модуля ESP32-CAM:

<code>&lt;div style="margin-bottom: 10px;"&gt;
&lt;img src="https://192.168.1.91" width="650px"&gt;
&lt;/div&gt;</code>

</div></code>

Заключение

В этом руководстве мы показали как создать IP-камеру с использованием простого веб-сервера трансляции потокового видео на основе платы ESP32-CAM. Созданный веб-сервер можно легко интегрировать с платформой автоматизации дома, такой как Node-RED или Home Assistant.

Вольтик.ру

Вольтик - это слаженная команда амбициозных и заядлых мейкеров. Мы создали этот проект с целью вовлечения вас, талантливых и начинающих профессионалов, в увлекательный мир электроники, который ждет огромное будущее. Каждый проектировщик знает, что успех нового устройства прямо пропорционален качеству расходных комплектующих. Невозможно собрать хорошее устройство, в котором не работает половина компонентов! 5 лет назад мы собрались и решили объединить силы любителей-проектировщиков, чтобы ваши устройства были качественными и успешными! Заходите в наш магазин, так вы найдете множество интересных товаров.

Веб-сервер для потокового видео на базе ESP32-CAM (работает с Home Assistant)

Вступление

Необходимые для проекта компоненты

Краткое описание ESP32-CAM

Установка дополнения для микроконтроллера ESP32

Код веб-сервера для потокового видео

Загрузка кода

Получение IP-адреса

Подключение к серверу трансляции потокового видео

Интеграция с системой Home Assistant

Идём далее

Полезный совет: интеграция с системой Node-RED

Заключение

Добавить комментарий Отменить ответ