Arduino ESP32: How to Control a LED Matrix via Web Interface

Step-by-step, we will construct this practical project, and you can access all the codes for each chapter. I ensure frustration-free development throughout the process!

In this instructional video course, you will master the art of controlling an 8x32 LED matrix (or a MAX72xx module). We will employ the MD_Parola library for this undertaking. This library empowers us to manipulate text in diverse ways, effortlessly implementing various ticker settings. Text can smoothly glide in from one side and pause in the center of the matrix for a specific duration. Moreover, we can easily modify the ticker's duration, speed, and brightness.

Furthermore, we will incorporate dot graphics, causing the text to "disappear" as the graphic slides over it.

Within the course, we will develop a website utilizing a local web server operating on the ESP32/8266. The web server will be configured to allow access to the created website using a fixed IP address. The website will feature an input field for entering text. Through jQuery, we will send a GET request to the Arduino, which will process the content and display it on the LED matrix. This approach enables individual control of the text via the web server.

The text and website data are both stored on the ESP using SPIFFS, which is the flash memory of the Arduino. This enables the current text to be displayed on the website every time it is accessed. By storing the data on the flash memory, anyone accessing the website can view the current text on the LED matrix, allowing for the creation of a larger advertising space via a web server. Even if the Arduino loses power, the content of the output will not disappear and will automatically display the text again when the power source is reconnected.

Additionally, we will showcase the local time by connecting to an NTP server and downloading the current timestamp, which will then be converted into a readable date and time. Furthermore, we will retrieve the current bitcoin price from a public interface, illustrating how to interact with public APIs using Arduino and evaluate the return value with Arduino JSON.

Following each video, I have saved my code, allowing you to download all codes and achieve the result without frustration. The components used in this project include:

• ESP32/ESP8266
• MAX7219 8x32 LED Matrix
• Step-down module for external 12v power supply (optional)

Looking forward to seeing you in class.

To all DIY enthusiasts and hobby developers who develop with the Arduino platform.

1. Cool little project ~ Jonatan R
2. Helpful! ~ Eljas L
3. Nice project ~ Censu F

1. Control of LED matrix via created web interface
2. Using HTTP request to load data from public APIs
3. Using JSON objects in Arduino
4. Displaying graphics and text on a display

First experience in Arduino development. You know how to use the IDE and include libraries.