Введение
Данный проект демонстрирует создание веб-сервера на базе ESP8266 для удаленного управления RGB подсветкой светодиодной матрицы 8x8. Пользователь через веб-браузер может изменять цвет подсветки, используя интерфейс с ползунками.
Веб интерфейс
Веб-страница генерируется непосредственно на ESP8266 с помощью библиотеки ESP8266WebServer. HTML и JavaScript код формирует три ползунка для красного, зеленого и синего цвета. При изменении ползунков через WebSocket происходит отправка данных на сервер.
Серверная часть
На ESP8266 настроен WebSocket сервер, принимающий данные от клиента в JSON формате. Происходит извлечение значений красного, зеленого и синего цветов, которые затем устанавливаются для светодиодной ленты с помощью библиотеки FastLED.
Управление подсветкой
Библиотека FastLED используется для управления светодиодной матрицей 8x8 на основе чипа WS2812. При изменении ползунков в веб интерфейсе происходит отправка данных на ESP8266, который обновляет яркость красного, зеленого и синего каналов матрицы, меняя ее цвет.
Заключение
Данный пример демонстрирует возможность создания веб сервера на ESP8266 с WebSocket поддержкой и управления RGB подсветкой через веб интерфейс с клиентской частью, генерируемой непосредственно на микроконтроллере.
1 view
471
96
5 months ago 00:28:29 1
Архитектура современных WEB приложений. Эволюция от А до Я
5 months ago 05:48:54 1
Миникурс: что должен уметь frontend Senior, и понимать Junior: паттерны, архитектура
6 months ago 00:57:31 1
Что такое Rest API (http)? Soap? GraphQL? Websockets? RPC (gRPC, tRPC). Клиент - сервер. Вся теория
6 months ago 01:29:01 10
Realtime чат на Laravel Reverb // Демо-занятие курса «Framework Laravel»
6 months ago 00:01:38 94
PERIMETER: Legate Edition
6 months ago 00:33:55 1
Взаимодействие клиента с сервером: плотная база по Long Polling | WebSockets | Server-Sent-Events
7 months ago 00:33:49 1
Real Time КЛИЕНТ-СЕРВЕР на JavaScript. Long polling, event sourcing, websockets & комнаты
7 months ago 00:18:36 1
I. Architecture web app I.I Transport layer Practice - WebSocket part II
7 months ago 00:09:08 2
I. Architecture web app I.I Transport layer Theory - WebSocket, WebHook, gRPC, graphQL
7 months ago 00:19:02 1
Python Telegram Бот На WebHook | Как Создать И Использовать Вебхуки Для Отправки Уведомлений
8 months ago 01:46:46 3
.NET 2022 | 3.1 Лекция | Сетевые протоколы передачи данных и HTTP запросы
8 months ago 02:50:36 2
API и тесты для создания чата на DDD Pyhton. Пишем чат на FastAPI + Kafka + Websockets часть 3.
8 months ago 03:10:33 2
Жесточайший DDD паттерн на Python. Пишем чат на FastAPI + Kafka + Websockets часть 2.
8 months ago 02:05:43 17
Первый стрим по DDD на Python. Пишем чат на FastAPI + Kafka + Websockets.
8 months ago 00:39:22 1
Back-end roadmap / Как стать back-end разработчиком в 2023 году, что учить?
8 months ago 00:40:16 1
Spring framework ПОЛНЫЙ КУРС для начинающих 2021 REST API
8 months ago 00:31:21 2
Разработка игр на JS: Крестики-нолики на СОКЕТАХ ()
9 months ago 01:16:00 1
Часть 1. Делаем чат на Svelte. NodeJs. GraphQL и Websockets. Верстка.
9 months ago 00:02:00 7
руль на esp32 через websoket
9 months ago 00:04:12 11
Laravel Reverb: вебсокет-сервер для экосистемы Laravel
9 months ago 00:21:18 1
🔴ПОМОщНИК СТРИМЕРУ на ХАЛЯВУ🔴лучше, чем STREAM DECK🔴 MACRO DECK🔴Как подключить к OBS / Discord ☑️
9 months ago 00:31:46 6
Простая авторизация на NODE JS. Роли пользователя. Express и MongoDB. JWT Access Token, bcrypt