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