Введение
Данный проект демонстрирует создание веб-сервера на базе ESP8266 для удаленного управления RGB подсветкой светодиодной матрицы 8x8. Пользователь через веб-браузер может изменять цвет подсветки, используя интерфейс с ползунками.
Веб интерфейс
Веб-страница генерируется непосредственно на ESP8266 с помощью библиотеки ESP8266WebServer. HTML и JavaScript код формирует три ползунка для красного, зеленого и синего цвета. При изменении ползунков через WebSocket происходит отправка данных на сервер.
Серверная часть
На ESP8266 настроен WebSocket сервер, принимающий данные от клиента в JSON формате. Происходит извлечение значений красного, зеленого и синего цветов, которые затем устанавливаются для светодиодной ленты с помощью библиотеки FastLED.
Управление подсветкой
Библиотека FastLED используется для управления светодиодной матрицей 8x8 на основе чипа WS2812. При изменении ползунков в веб интерфейсе происходит отправка данных на ESP8266, который обновляет яркость красного, зеленого и синего каналов матрицы, меняя ее цвет.
Заключение
Данный пример демонстрирует возможность создания веб сервера на ESP8266 с WebSocket поддержкой и управления RGB подсветкой через веб интерфейс с клиентской частью, генерируемой непосредственно на микроконтроллере.
1 view
584
141
1 month ago 00:50:48 1
Масштабируем WebSocket-соединения на Go / Александр Емелин (Авито)
3 months ago 00:00:00 3
Запуск WebSocket на STM32 с веб-сервером Cesanta Mongoose, обмен данными из HTML/JavaScript
3 months ago 00:32:50 4
#2 Собеседование на позицию QA Automation от Артёма
4 months ago 00:02:59 1
Что такое WebSockets (веб-сокеты)
4 months ago 00:53:38 4
System Design Concepts Course and Interview Prep
5 months ago 00:28:29 1
Архитектура современных WEB приложений. Эволюция от А до Я
6 months ago 05:48:54 1
Миникурс: что должен уметь frontend Senior, и понимать Junior: паттерны, архитектура
6 months ago 01:29:01 10
Realtime чат на Laravel Reverb // Демо-занятие курса «Framework Laravel»
6 months ago 00:01:38 94
PERIMETER: Legate Edition
7 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
8 months ago 00:09:08 2
I. Architecture web app I.I Transport layer Theory - WebSocket, WebHook, gRPC, graphQL
8 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 4
API и тесты для создания чата на DDD Pyhton. Пишем чат на FastAPI + Kafka + Websockets часть 3.
8 months ago 03:10:33 5
Жесточайший DDD паттерн на Python. Пишем чат на FastAPI + Kafka + Websockets часть 2.
8 months ago 02:05:43 26
Первый стрим по 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
9 months ago 01:16:00 1
Часть 1. Делаем чат на Svelte. NodeJs. GraphQL и Websockets. Верстка.
10 months ago 00:02:00 10
руль на esp32 через websoket
10 months ago 00:04:12 11
Laravel Reverb: вебсокет-сервер для экосистемы Laravel
10 months ago 00:21:18 1
🔴ПОМОщНИК СТРИМЕРУ на ХАЛЯВУ🔴лучше, чем STREAM DECK🔴 MACRO DECK🔴Как подключить к OBS / Discord ☑️