We will learn to Control an LED (Output Element) and Monitor the voltage of a potentiometer (Input Element) using a WEB Server hosted on an ESP32 board, and we will learn to style the control WEB page for the LED and the Potentiometer, using HTML and CSS languages for style coding.
Your first time with the ESP32 development board? To learn how to install it on your computer, load and try your first program, click here on this Introductory video: • Programar ESP32 con Arduino | Instalar Con...
To buy the ESP32 Development Board on Amazon, Click the Link Here:
amzn.to/49Sr0t2
I refer to the LED as an Output Element, implying that although practice is done with it, it can be replaced by any other output element, such as a Relay, a Motor, etc.
I refer to the potentiometer as an Input Element, implying that although the practice is carried out with it, it can be replaced by any other input element, analog sensor or transducer of any physical variable, temperature, pressure, level, etc.
Link to download the Arduino code:
drive.google.com/file/d/19SOfy6wuhKnBD_UJw0_-kT91O…
00:00 Presentation
01:27 First time with the ESP32 board? Watch the following video: • Programar ESP32 con Arduino | Instalar Con...
01:43 Uploading and Testing the WEB Server on the ESP32 Board
05:28 How does this WEB server work? To turn the LED on and off
06:42 How Do I Improve my WEB Control Interface? With HTML and CSS
12:21 Incorporate Potentiometer Reading in the WEB Interface
コメント