Перейти к содержимому

Урок по веб-серверу ESP32 WiFi | Управление RGB-светодиодом со смартфона (без приложений!)

Technifyi

0:00 / 0:00

Урок по веб-серверу ESP32 WiFi | Управление RGB-светодиодом со смартфона (без приложений!)

20 128 просмотров · 6 дн. назад
Technifyi
118 тыс. подписчиков
20 128 просмотров · 6 дн. назад
Узнайте, как создать *веб-сервер ESP32 WiFi* и управлять светодиодной RGB-подсветкой прямо из браузера вашего телефона — без установки мобильного приложения и без необходимости подключения к интернету в режиме точки доступа Wi-Fi (AP). В этом пошаговом руководстве для начинающих по ESP32 вы создадите систему RGB-подсветки с управлением с телефона, включающую цветовой круг, ползунок яркости, режим мигания и пять световых эффектов. Вы также узнаете, как ESP32 размещает веб-страницу, обрабатывает HTTP-запросы и управляет яркостью светодиодов с помощью ШИМ. Ссылки для скачивания: Панель управления переключателем ВКЛ/ВЫКЛ: https://drive.google.com/file/d/1-tA_... Вкл/Вкл с ползунком яркости: https://drive.google.com/file/d/18rZj... Управление RGB-светодиодами с эффектами: https://drive.google.com/file/d/1bGjC... Временные метки: 00:00 - Введение и обзор проекта 00:42 - Как ESP32 создает точку доступа Wi-Fi (режим AP против режима STA) 02:03 - Настройка точки доступа (AP) Код 02:56 - Подключение с телефона 03:43 - Как веб-браузеры взаимодействуют с ESP32 (HTTP и маршруты) 05:13 - Схема и код: базовое управление включением/выключением 06:45 - Понимание аналогового выхода и ШИМ-диммирования 08:49 - Добавление ползунка яркости (схема и код ШИМ) 10:14 - Теория RGB-светодиодов и смешивание цветов 11:11 - Проводка с общим катодом и общим анодом 11:52 - Веб-интерфейс RGB и архитектура кода 12:37 - Разбор 5 световых эффектов 13:23 - Полная демонстрация сборки и тестирование 14:11 - Устранение неполадок и распространенные проблемы 15:08 - Резюме и дальнейшие шаги 🌈 *ЧТО ВЫ УЗНАЕТЕ* Основы Wi-Fi на ESP32: режимы точки доступа (AP) и станции (STA) Как создать точку доступа Wi-Fi Использование ESP32 Как разместить веб-сервер на ESP32 Основы HTML и HTTP для веб-управления ESP32 Как управлять оборудованием из браузера телефона Как управлять RGB-светодиодом с помощью GPIO 25, GPIO 26 и GPIO 27 Смешивание и выбор цветов RGB ШИМ-управление яркостью с помощью периферийного устройства LEDC ESP32 Как создать ползунок яркости и цветовое колесо Как реализовать режим мигания и переключаться между световыми эффектами Как устранять неполадки в проводке RGB-светодиодов и конфигурациях с общим анодом/общим катодом ✨ *ПЯТЬ ЭФФЕКТОВ RGB-ОСВЕЩЕНИЯ* 1. Радужное затухание 2. Стробоскоп для вечеринки 3. Дыхание 4. Полиция 5. Огонь 📱 *УПРАВЛЯЙТЕ СВОИМ RGB-СВЕТОДИОДОМ БЕЗ МОБИЛЬНОГО ПРИЛОЖЕНИЯ* В режиме точки доступа ESP32 создает собственную точку доступа Wi-Fi и размещает страницу управления. Подключите телефон к сети ESP32 и откройте локальный адрес в браузере. Подключение к интернету или специальное мобильное приложение не требуются. 🔌 *ПОДКЛЮЧЕНИЕ RGB-СВЕТОДИОДОВ* GPIO 25 → Красный канал GPIO 26 → Зеленый канал GPIO 27 → Синий канал GND → Общий катод (для RGB-светодиода с общим катодом) Используйте отдельный токоограничивающий резистор для каждого RGB-канала. Если вы используете RGB-светодиод с общим анодом, схема подключения и настройка кода `COMMON_ANODE` должны соответствовать типу светодиода. 📂 *ФАЙЛЫ КОДА И СПИСОК КОМПОНЕНТОВ* Три версии кода проекта и список необходимых компонентов вы найдете в описании видео. Выполняйте проект по порядку: 1. Начните с базового контроллера включения/выключения светодиодов. 2. Перейдите к ползунку регулировки яркости с ШИМ. 3. Создайте полноценный контроллер RGB-подсветки для создания настроения. 🎯 *ДЛЯ КОГО ЭТО ВИДЕО?* Этот урок предназначен для начинающих, изучающих программирование на ESP32, Arduino IDE, Wi-Fi, веб-серверы, HTML, HTTP, ШИМ, электронику и проекты Интернета вещей (IoT). Если вам нравится практическая электроника, проекты на ESP32, автоматизация Wi-Fi и уроки по IoT, подпишитесь на **Technifyi**, чтобы получать больше практических проектов. #ESP32 #ESP32WiFi #WebServer