Делаем интернет радио на ESP32 без дополнительных модулей!
Всё что понадобится – ESP32 и динамик, для усиления можно использовать практически любой транзистор. Устройство поддерживает MP3 и AAC форматы, имеет встроенный MP3 плеер, файлы можно загружать прямо из веб – интерфейса!
Получаем сообщения по MQTT ESP8266 и выводим их бегущей строкой на MAX7219. Во фреймворк добавлен драйвер MQTT, его использование сводится всего к 2 строчкам кода!
Получаем погоду из интернета на ESP8266 и выводим на светодиодную матрицу MAX7219. Используем погодный сервис OpenWeatherMap. Для определения местоположения используем координаты (широта и долгота), их можно получить с Google Maps.
В этом видео мы получаем время из сети (NTP) используя ESP8266 и выводим его на светодиодную матрицу MAX7219.
Поочередно на дисплей будут выводиться данные с датчика DS18b20, произвольная фраза а так же дата и время из сети интернет. Настроить часовой пояс можно из веб интерфейса.
Это еще один пример использования JeeUI. На этот раз выводим текст из веб интерфейса на светодиодную матрицу MAX7219.
Распиновка для подключения матрицы, а так же длинна матрицы настраивается в файле max7219.h
Используйте мой код как шаблон для своих проектов на esp8266 и esp32. Фреймворк поможет вам использовать конфигурационный файл и веб интерфейс. В качестве среды разработки я настоятельно рекомендую использоватьPlatformIO, но можно использовать Arduino IDE
Для начала работы необходимо создать параметры, которые в последующем будут настраиваться с помощью веб интерфейса. Параметр на самом деле представляет из себя json объект. Следующие манипуляции производятся в файле ‘html.h’
Создать новый параметр: create_param( String Name , String Value )
Веб интерфейс создается с помощью простых методов:
input_text( String id , String name , String type , String placeholder , String title ) ‘id‘, ‘name‘, ‘type‘, ‘placeholder‘, ‘title‘ – аналогичны тем, что вы использовали бы в HTML на пример ‘type’: ‘text‘ – ввод текста ‘numbet‘ – ввод только цифр ‘date‘ – ввод даты ‘time‘ – ввод времени в качестве ‘id‘ укажите созданный ранее параметр с помощью create_param
input_range( String id , String name , int min , int max , String title ) ‘min‘ и ‘max‘ – минимальное и максимальное значение ползунка в качестве ‘id‘ укажите созданный ранее параметр с помощью create_param
select_elements( String value , String title ) создает элемент выпадающего списка.
input_select( String id , String name , bool refresh , String title) ‘refresh‘ – если true, страница будет обновлена сразу после выбора элемента в качестве ‘id‘ укажите созданный ранее параметр с помощью create_param
button_save( String title , int color ) Создает кнопку отправки данных формы ‘color‘ – цвет кнопки, соответствует цветам Bootstrap 1 – “primary“ 2 – “secondary“ 3 – “success“ 4 – “danger“ 5 – “warning“ 6 – “info“ 7 – “light“ 8 – “dark“
button_reboot( String title , int color ) Создает кнопку перезагрузки устройства (иногда это нужно, чтобы настройки вступили в силу)
alert( int color , String strong , String text , bool close ) Создает элемент, соответствующий ‘alert‘ HTML ‘strong‘ – Текст с выделением ‘text‘ – текста ‘close‘ – если true – буде возможность закрыть элемент
border( String title ) начинает и заканчивает границу. Чтобы начать границу ‘title‘ должен быть не пустым, Чтобы закончить границу ‘title‘ должен быть = “”.
