Простой удаленный видеомониторинг с помощью ESP32-CAM со смартфона

Удаленный видеомониторинг необходим во многих случаях, но прямая покупка камеры может быть довольно дорогой. К счастью, вы можете найти альтернативные решения.

Вам нужен быстрый и недорогой способ проверить вещи со своего смартфона? Мы увидим, как мы можем использовать недорогой модуль ESP32-CAM для настройки удаленной веб-камеры для мониторинга, наблюдения или видеодомофона!

Сбор материалов для этого проекта

Для этого проекта вам понадобятся:

• Плата ESP32-CAM либо с дочерней платой для программирования, либо со встроенным USB-портом.
• Кабель микро-USB
• USB-зарядное устройство
• Сетевое имя и пароль для вашей беспроводной точки доступа
• Смартфон или планшет

Выбор подходящей платы ESP32-CAM

Для этого проекта вам понадобится способ программирования платы ESP32-CAM с вашего компьютера и способ ее питания, когда она больше не подключена к вашему компьютеру. Обе эти функции легко выполняются, если на вашей плате есть разъем USB.

По этой причине вы должны купите либо ESP32-CAM с дочерней платой ESP32-CAM-MB или более новой ESP32-CAM-CH340. Оба поставляются с необходимым USB-портом для программирования и питания. Не покупайте голую плату ESP32-CAM, так как для этого потребуются дополнительные компоненты, которых у вас может не быть.

Настройка Arduino IDE

Для программирования ESP32-CAM вам понадобится Arduino IDE из Сайт Ардуино. На момент написания этой статьи текущей версией была 1.8.19.

После завершения загрузки запустите приложение. В первый раз, когда вы запускаете его, вы можете получить предупреждение о нераспознанном приложении от Windows. Безопасно нажимать Больше информации, с последующим Все равно беги.

После запуска Arduino IDE это будет выглядеть так:

Вам нужно будет внести некоторые изменения, чтобы позволить Arduino IDE распознать ESP32-CAM. Во-первых, откройте Настройки из Файл меню. Где это говорит Дополнительные URL-адреса диспетчера досок, вставьте следующую строку:

https://dl.espressif.com/dl/package_esp32_index.json

Затем нажмите Ok.

Теперь откройте Инструменты меню и наведите указатель мыши на пункт меню, который начинается с Доска: (это может быть что-то вроде Плата: Ардуино Уно). В появившемся подменю выберите Менеджер досок. Откроется новое окно со строкой поиска вверху. Тип ESP32 в строке поиска. Это должно позволить вам выбрать esp32 от Espressif Systems. Нажмите Установить. Когда загрузка завершится, нажмите Ok выйти из Менеджер досок.

Теперь вернитесь к Инструменты меню и снова откройте подменю, начинающееся со слова Доска. На этот раз вы должны увидеть ESP32 Ардуино предмет, которого раньше не было. Это подменю с длинным списком названий досок. Находить Мыслитель с искусственным интеллектом ESP32-CAM и выберите это.

Вот и все; Arduino IDE теперь настроена для ESP32-CAM!

Компиляция и загрузка CameraWebServer

Arduino IDE поставляется с отличным примером под названием КамераВеб-Сервер который показывает все возможности ESP32-CAM. Давайте попробуем! Из Файл меню, выберите Примеры и найти раздел под названием Примеры для AI Tinker ESP32-CAM.

Под ним выберите ESP32, тогда Камера-и наконец КамераВеб-Сервер.

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

// Выбираем модель камеры
#define CAMERA_MODEL_WROVER_KIT // Имеет PSRAM
//#define CAMERA_MODEL_ESP_EYE // Имеет PSRAM
//#define CAMERA_MODEL_M5STACK_PSRAM // Имеет PSRAM
//#define CAMERA_MODEL_M5STACK_V2_PSRAM // M5Camera версии B имеет PSRAM
//#define CAMERA_MODEL_M5STACK_WIDE // Имеет PSRAM
//#define CAMERA_MODEL_M5STACK_ESP32CAM // Нет PSRAM
//#define CAMERA_MODEL_AI_THINKER // Имеет PSRAM
//#define CAMERA_MODEL_TTGO_T_JOURNAL // Нет PSRAM

Это список нескольких имен плат камер, каждому из которых предшествует #определять. Одна из этих линий активна, а остальные неактивны. Строки, начинающиеся с //, неактивны, а строки без косой черты активны. Мы хотим изменить его так, чтобы только строка для CAMERA_MODEL_AI_THINKER активен. Для этого сделайте так:

// Выбираем модель камеры
//#define CAMERA_MODEL_WROVER_KIT // Имеет PSRAM
//#define CAMERA_MODEL_ESP_EYE // Имеет PSRAM
//#define CAMERA_MODEL_M5STACK_PSRAM // Имеет PSRAM
//#define CAMERA_MODEL_M5STACK_V2_PSRAM // M5Camera версии B имеет PSRAM
//#define CAMERA_MODEL_M5STACK_WIDE // Имеет PSRAM
//#define CAMERA_MODEL_M5STACK_ESP32CAM // Нет PSRAM
#define CAMERA_MODEL_AI_THINKER // Имеет PSRAM
//#define CAMERA_MODEL_TTGO_T_JOURNAL // Нет PSRAM

Далее нам нужно сообщить ESP32-CAM о нашей беспроводной сети. Найдите следующие строки:

const char* ssid = "*********";
const char* пароль = "*********";

Теперь замените звездочки на ваше сетевое имя (SSID) и сетевой пароль для вашей беспроводной точки доступа. Замените только звездочки и оставьте двойные кавычки.

Теперь нажмите кнопку с круглой галочкой на панели инструментов Arduino IDE (или выберите Проверка/компиляция из Эскиз меню). Arduino IDE скажет Составление скетча. Через некоторое время он скажет Завершена компиляция. Если вместо того, чтобы увидеть это, вы получаете сообщение об ошибке, это означает, что вы что-то опечатались. Внимательно проверьте изменения, исправьте ошибки и повторите попытку!

Как только компиляция прошла успешно, последним шагом будет загрузка программы на плату. Подключите ESP32-CAM к компьютеру с помощью USB-кабеля. Затем перейдите к Инструменты меню и найдите элемент, начинающийся с "Порт:" и выберите последовательный порт в подменю. Затем нажмите кнопку, которая выглядит как стрелка в круге на панели инструментов Arduino (или выберите Загрузить из Инструменты меню). Arduino IDE будет перекомпилировать, скажем Загрузка некоторое время, а затем, наконец, сказать Готово Загрузка.

Если вы получили сообщение об ошибке, говорящее о том, что ваша плата не подключена, перейдите к Инструменты меню и выберите другой последовательный порт в подменю. Попробуйте каждый, пока не найдете тот, который работает!

Теперь нажмите кнопку в виде увеличительного стекла в правой части панели инструментов Arduino (или выберите Серийный монитор из Инструменты меню). На вашем компьютере откроется новое окно для вывода из ESP32-CAM.

После выполнения вышеуказанных шагов нажмите маленькую кнопку сброса на правой стороне ESP32-CAM-MB. Эта кнопка должна быть помечена RST. Как только вы это сделаете, вы должны увидеть текст в Серийный монитор окно. Найдите строки, которые выглядят следующим образом:

Wi-Fi подключен
Запуск веб-сервера на порту: «80»
Запуск потокового сервера на порту: «81»
Камера готова! Использовать ' http://192.168.1.9' подключить

На вашем смартфоне, введите веб-адрес HTTP в веб-браузере. Вы получите веб-страницу с множеством различных параметров конфигурации. Прокрутите вниз, пока не увидите Начать трансляцию кнопка. Нажмите на нее, чтобы увидеть в реальном времени все, что видит ESP32-CAM. Добавьте эту веб-страницу в закладки, чтобы вернуться к ней позже!

После того, как вы убедились, что он работает, вы можете отключить ESP32-CAM от компьютера и взять его с собой куда угодно, чтобы отслеживать и заряжать его с помощью обычного зарядного устройства USB. Со своего смартфона подключитесь к странице, которую вы добавили в закладки, чтобы увидеть просмотр в реальном времени!

Теперь пришло время применить то, что вы узнали

Итак, у вас есть простой способ использовать ESP32-CAM в качестве доступной для смартфона веб-камеры! Используйте это для наблюдения за своим домом, в качестве радионяни или умного дверного звонка! Имейте в виду, что если вы хотите контролировать свою ESP32-CAM из-за пределов вашей домашней сети, вам необходимо настроить переадресацию портов на вашем интернет-маршрутизаторе.

Как снять таймлапс с небольшим бюджетом, используя ESP32-CAM

Читать дальше

Об авторе