Uploaded December 2016 | Updated September 2026, 2 weeks ago
• Your support helps me post videos more frequently:
patreon.com/acrobotic
paypal.me/acrobotic
https://buymeacoff.ee/acrobotic
BTC: 1ZpLvgETofMuzCaKoq5XJZKSwe5UNkwLM
==========
• Find me on:
twitter.com/acrobotic
facebook.com/acrobotic
instagram.com/acrobotic
==========
• My shops:
acrobotic.com/shop
amazon.com/shops/acrobotic
==========
• Description:
In this video I show you how to send data to, and process it on, a web server running on the ESP8266. I start with the web server code that was set up in another video (youtu.be/m2fEXhl70OY), and add a route where to send the data. When the JSON-formatted data is received, it's sent to a callback function, which processes it and extracts the included parameters (more details: youtu.be/Edbxyl2BhyU). The JSON-formatted data specifies the frequency and number of blinks displayed using the onboard LED a text message that we want to display on an OLED screen connected to our ESP8266.
I go over the process, step-by-step, of how to write the server code using the Arduino IDE, and a client application in JavaScript using the Text Editor Vim.
One of the most common tasks when using the ESP8266 is setting it up as a device that connects to a network and responds to traffic on it (i.e., a web server). We wanted to show you in detail how to take things further by writing a JavaScript client application to send custom, JSON-formatted data to the web server running on the ESP8266.
==========
• Related vids:
Getting started with the WeMos ESP8266 Development Board using Arduino: youtu.be/GQIT_NMhgFw
==========
• Project parts:
ACROBOTIC Development Board for ESP8266:
acrobotic.com/products/acr-00018
amzn.to/2dAZ1mW (affiliate)
• Your support helps me post videos more frequently:
patreon.com/acrobotic
paypal.me/acrobotic
https://buymeacoff.ee/acrobotic
BTC: 1ZpLvgETofMuzCaKoq5XJZKSwe5UNkwLM
==========
• Find me on:
twitter.com/acrobotic
facebook.com/acrobotic
instagram.com/acrobotic
==========
• My shops:
acrobotic.com/shop
amazon.com/shops/acrobotic
==========
• Description:
Another fantastic feature of WiFi-capable microcontrollers is the ability to either connect to a wireless network (Station mode) or creating their own (Access Point mode). In a previous video (youtu.be/uFjWKhScnVY) we saw how both modes work.
In this tutorial I show how to build an application that switches between the two. I give the user the option—via a web interface— of inputting her or his Wi-Fi credentials, storing them in flash memory (using the SPI Flash File System), and using them to access a network.
If no Wi-Fi credentials are given, or if the network is not available, the ESP8266 creates its own that we can access to enter the web interface.
==========
• Related vids:
Getting started with the WeMos ESP8266 Development Board using Arduino: youtu.be/GQIT_NMhgFw
==========
• Project parts:
ACROBOTIC WeMos Development Kit for ESP8266:
acrobotic.com/products/acr-00027
amzn.to/2PBK2KE (affiliate)
ACROBOTIC WeMos D1 Mini V2 Development Board for ESP8266:
acrobotic.com/products/acr-00017
amzn.to/2D3KiA6 (affiliate)
==========
• Project code:
Firmware for the Arduino IDE:
github.com/acrobotic/Ai_Tips_ESP8266/tree/master/webserver_js_client/server
JavaScript client application using a blank HTML page:
github.com/acrobotic/Ai_Tips_ESP8266/blob/master/webserver_js_client/client
==========
• Tutorials:
Detailed tutorial for using OLED screens with ESP8266:
learn.acrobotic.com/tutorials/post/esp8266-oled-display-using-i2c
Detailed guide for getting started with the ESP8266 Development Board:
learn.acrobotic.com/tutorials/post/wemos-d1-mini-esp8266-getting-started
==========
• Music:
andyclassical (audiojungle.net/user/andyclassical/portfolio). Envato's Music Standard License.
==========
#ESP8266 #Arduino #Tutorial
• Your support helps me post videos more frequently:
patreon.com/acrobotic
paypal.me/acrobotic
https://buymeacoff.ee/acrobotic
BTC: 1ZpLvgETofMuzCaKoq5XJZKSwe5UNkwLM
==========
• Find me on:
twitter.com/acrobotic
facebook.com/acrobotic
instagram.com/acrobotic
==========
• My shops:
acrobotic.com/shop
amazon.com/shops/acrobotic
==========
• Description:
In this video I show you how to send data to, and process it on, a web server running on the ESP8266. I start with the web server code that was set up in another video (youtu.be/m2fEXhl70OY), and add a route where to send the data. When the JSON-formatted data is received, it's sent to a callback function, which processes it and extracts the included parameters (more details: youtu.be/Edbxyl2BhyU). The JSON-formatted data specifies the frequency and number of blinks displayed using the onboard LED a text message that we want to display on an OLED screen connected to our ESP8266.
I go over the process, step-by-step, of how to write the server code using the Arduino IDE, and a client application in JavaScript using the Text Editor Vim.
One of the most common tasks when using the ESP8266 is setting it up as a device that connects to a network and responds to traffic on it (i.e., a web server). We wanted to show you in detail how to take things further by writing a JavaScript client application to send custom, JSON-formatted data to the web server running on the ESP8266.
==========
• Related vids:
Getting started with the WeMos ESP8266 Development Board using Arduino: youtu.be/GQIT_NMhgFw
==========
• Project parts:
ACROBOTIC Development Board for ESP8266:
acrobotic.com/products/acr-00018
amzn.to/2dAZ1mW (affiliate)
• Your support helps me post videos more frequently:
patreon.com/acrobotic
paypal.me/acrobotic
https://buymeacoff.ee/acrobotic
BTC: 1ZpLvgETofMuzCaKoq5XJZKSwe5UNkwLM
==========
• Find me on:
twitter.com/acrobotic
facebook.com/acrobotic
instagram.com/acrobotic
==========
• My shops:
acrobotic.com/shop
amazon.com/shops/acrobotic
==========
• Description:
Another fantastic feature of WiFi-capable microcontrollers is the ability to either connect to a wireless network (Station mode) or creating their own (Access Point mode). In a previous video (youtu.be/uFjWKhScnVY) we saw how both modes work.
In this tutorial I show how to build an application that switches between the two. I give the user the option—via a web interface— of inputting her or his Wi-Fi credentials, storing them in flash memory (using the SPI Flash File System), and using them to access a network.
If no Wi-Fi credentials are given, or if the network is not available, the ESP8266 creates its own that we can access to enter the web interface.
==========
• Related vids:
Getting started with the WeMos ESP8266 Development Board using Arduino: youtu.be/GQIT_NMhgFw
==========
• Project parts:
ACROBOTIC WeMos Development Kit for ESP8266:
acrobotic.com/products/acr-00027
amzn.to/2PBK2KE (affiliate)
ACROBOTIC WeMos D1 Mini V2 Development Board for ESP8266:
acrobotic.com/products/acr-00017
amzn.to/2D3KiA6 (affiliate)
==========
• Project code:
Firmware for the Arduino IDE:
github.com/acrobotic/Ai_Tips_ESP8266/tree/master/webserver_js_client/server
JavaScript client application using a blank HTML page:
github.com/acrobotic/Ai_Tips_ESP8266/blob/master/webserver_js_client/client
==========
• Tutorials:
Detailed tutorial for using OLED screens with ESP8266:
learn.acrobotic.com/tutorials/post/esp8266-oled-display-using-i2c
Detailed guide for getting started with the ESP8266 Development Board:
learn.acrobotic.com/tutorials/post/wemos-d1-mini-esp8266-getting-started
==========
• Music:
andyclassical (audiojungle.net/user/andyclassical/portfolio). Envato's Music Standard License.
==========
#ESP8266 #Arduino #Tutorial


![[LiveStream #016] Q&A | Back after 10 months
Ill be going over your comments on videos and chat, its been a while and Im slowly getting back into it. Stop by and say hi if youre around!
P.S. Still learning the process of live streaming, let me know if I can improve anything!
#ESP32 #Arduino #Tutorial [LiveStream #016] Q&A | Back after 10 months](https://i.ytimg.com/vi/kUSBdNHTzLc/mqdefault.jpg)

![ESP8266 Analog Voltages for Controlling Webpage RGB Colors | ADS1115 ADC, Websockets, Arduino
• NextPCB offers 10% discount for PCB and PCB Assembly orders: https://nextpcb.com/activity_thermometer?code=ACROBOTIC
• Your support helps me post videos more frequently:
https://www.patreon.com/acrobotic
https://www.paypal.me/acrobotic
https://buymeacoff.ee/acrobotic
BTC: 1ZpLvgETofMuzCaKoq5XJZKSwe5UNkwLM
• Find me on:
https://twitter.com/acrobotic
https://facebook.com/acrobotic
https://instagram.com/acrobotic
• My shops:
https://acrobotic.com/shop
https://amazon.com/shops/acrobotic
• Description:
In this video, I go over the process of building a device that allows me to turn 3 different analog voltages into corresponding level of red, green, and blue (RGB) color present on the background of a webpage. I use an ESP8266 connected over i2c to an ADS1115 4-Channel Analog-to-Digital Converter to translate analog voltages from 3 potentiometers into 16-bit digital measurements. The ESP8266 runs a webserver that serves a page and creates a websocket connection to that page. Then the ESP8266 sends the scaled ADS1115 values as part of a webpage served to web clients, using JavaScript the values set the color of the pages background in real-time!
• Related vids:
Getting started with the ESP8266 using Arduino: https://youtu.be/-P7RD-DWVuA
Getting started with the ESP8266 WeMos using Arduino: https://youtu.be/GQIT_NMhgFw
Getting started with Websockets: https://youtu.be/ROeT-gyYZfw
• Project parts:
ACROBOTIC WeMos D1 Development Board for ESP8266:
https://acrobotic.com/products/acr-00017
https://amzn.to/2K2TM2G (affiliate)
ACROBOTIC ADS1115 Analog-to-Digital Converter Board:
https://amzn.to/2Vmo04e (affiliate)
• Project tutorials:
Detailed guides for getting started with the WeMos ESP8266 Development Board:
https://learn.acrobotic.com/tutorials/post/wemos-d1-mini-esp8266-getting-started
• Project code:
Firmware for the Arduino IDE:
https://github.com/acrobotic/Ai_Demos_ESP8266/tree/master/webserver_rgb_websockets
• Sponsor:
10% off any PCB and PCB Assembly orders:
https://www.nextpcb.com/activity_thermometer?code=ACROBOTIC
$0 for PCB Prototype (5–10pcs, 1or 2 layers):
https://www.nextpcb.com/?code=ACROBOTIC
Learn more about PCB assembly:
https://www.nextpcb.com/pcb-assembly-capabilities?code=ACROBOTIC
Get points by daily logging in to your account and get discounted PCB and PCBA orders!
• Music:
Epidemic Sound (https://epidemicsound.com). Standard YouTube License.
NoCopyrightSounds
Track: Electro-Light - Symbolism [NCS Release]
Watch: youtu.be/ CRWE-L45k
Free Download / Stream: http://ncs.io/symbolism
Track: Electro-Light - Symbolism [NCS Release]
Watch: youtu.be/ CRWE-L45k
Free Download / Stream: http://ncs.io/symbolism
#ESP32 #Arduino #Tutorial ESP8266 Analog Voltages for Controlling Webpage RGB Colors | ADS1115 ADC, Websockets, Arduino](https://i.ytimg.com/vi/kynSxSl0uKY/mqdefault.jpg)





