Урок по веб-серверу 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