Как управлять RGB светодиодом с телефона

Как управлять RGB светодиодом с телефона.
Плавное изменение цвета.
Смешивание цветов из палитры нажатием на выбранный оттенок.
Простое подключение светодиода к ESP и создание WEB страницы.

Сегодня небольшое видео. И опять про светодиоды. Рассмотрим пример управления цветом 3-х цветного светодиода. Вот так выглядит интерфейс управления светодиодом на экране телефона и браузера.
У меня на канале уже есть несколько видео про управление светодиодом. Если интересно, то можете посмотреть. 
Давайте посмотрим что у меня получилось. И возможно вы захотите повторить этот пример. Сразу предупреждаю, что снимать на камеру светодиоды очень сложно. Камера засвечивается и не показывает правильно цвета, но поверьте, в жизни  всё гораздо лучше.
Картинка справа — это как выглядит на телефоне интерфейс управления цветами светодиода. Для его отображения надо перейти по IP адресу, на котором у вас определилась плата ESP.
По центру это тот же самый экран телефона, но записанный с камеры во время работы.
А ещё левее – это сам RGB светодиод. 
Ну и самый последний экран – это монитор порта на который я вывел значения. Эти значения и будут преобразовываться в rgb цвета. 
Получилось как-то не очень красиво. Какое-то нагромождение экранов, но по-другому, на одном экране я показать не смог. 
Данные обрабатываются очень быстро и я не заметил каких-нибудь задержек.
Теперь посмотрим на схему подключения светодиода.
У светодиода 4 вывода. Один общий и по одному на каждый цвет.
Вам надо знать какой у вас светодиод, с общим анодом или катодом. От этого будет зависеть куда подключается общий провод., к минусу или плюсу питания. У меня светодиод с общим катодом, поэтому я подключил общий вывод к минусу питания.
Оставшиеся контакты я подключил через резисторы к выходам D1 D2 D3 платы ESP.
Если вам что то здесь не понятно то посмотрите видео про светодиоды. Там всё подробно рассказано.
В скетче, вам надо будет только указать ваши данные для WIFI сети, и если вы вдруг захотите подключить к другим выводам, то измените их в этом месте скетча.
Этот код отвечает за вывод HTML страницы на экране. Это javascript и он довольно сложный, поэтому я не буду его объяснять. Если захотите разобраться то попробуйте. Будут вопросы спрашивайте.
Как я сказал, это будет маленькое видео. Оно не сложное для повторения, поэтому я особо не стал углубляться.

Вот вроде и всё что хотел рассказал. Теперь дело за вами. Смотрите, комментируйте. 
По возможности, я в течении недели буду отвечать на все вопросы по этой теме, а потом или куда-нибудь встрою это устройство или просто разберу его.

 Если вам нравятся мои видеоуроки, то вы можете подписаться на них, и не забудьте нажать на колокольчик, так вы не пропустите следующее видео.
Вы видите ссылки на видео, которые, я думаю будут вам интересны. Перейдя на любое из этих видео вы узнаете что-то новое, а ещё поможете мне. Ведь любой ваш просмотр - это знак YOUTUBE, что это кому-то интересно и что его надо показывать чаще.
Спасибо.
А пока на этом всё.
 

Дополнительные материалы по теме.
Пишем свой первый скетч - Урок № 1
Примеры.
Мигание 1 светодиодом
Мигание 3 светодиодами
Мигание светодиодом без delay
Светофор из 3-х светодиодов
Светодиодный модуль RGB. Случайное смешение цветов
Светодиодный модуль RGB. Поочерёдное включение цветов
Светодиодный модуль "Светофор". Имитация работы светофора
Плавное включение светодиодов.
Случайное значение яркости светодиодов.
Передаём сигнал SOS.
Бегущая волна из 5 светодиодов.
Подключение фоторезистора к плате Ардуино - Урок № 2
Мигающий светодиод. Пример Ардуино Blink.
Плавное включение светодиода на Ардуино. analogWrite

Вместо Ардуино используется ESP
Как управлять RGB светодиодом с телефона
esp8266 подключение и управление светодиодом. Примеры esp8266