Home Automation via HTML page on ESP32 or NodeMCU board
Вставка
- Опубліковано 8 вер 2024
- In this video, I have shown that how you can make you own HTML page from scratch to control 2 relays on your ESP board and deploy that same HTML code inside a ESP web server. You'll be learning basics of HTML and JavaScript in this video.
Basically I'm running a series whose aim is to make a local area network based home automation system using WebSockets & Webserver running on ESP32 or NodeMCU board. So subscriber the channel and join this journey of making the whole project from scratch....
You can support me and also get benefitted on Patreon :- / techiesms
Subscribe now to watch some amazing videos coming up soon.
bit.ly/techiesm...
_________________________________________________________________
Important Links
Code for the series : github.com/tec...
Site for learning HTML :- www.w3schools.com
_________________________________________________________________
Other Episodes of this Series
[Episode 1] ESPAsyncWebServer & mDNS server - • Run a WebServer & mDNS...
[Episode 2] Home Automation via HTML page :- • Home Automation via HT...
[Episode 3] Home Automation via HTML page & WebSocket Server :- • WebSocket Server Home ...
[Episode 4] Home Automation using HTML, WebSocket & JSON :- • Home Automation using ...
_________________________________________________________________
Now you can get free PCB with every order of techiesms T-shirt or techiesms pocket notebook.
You can buy the merchandise from here,
techiesms.com/...
_________________________________________________________________
Buy the components from here
Visit my Amazon Storefront for purchasing any components you need for this project or any other project :-
bit.ly/techiesm...
_________________________________________________________________
Subscribe Now :- bit.ly/techiesm...
You can support me and also get benefitted on Patreon :- / techiesms
Facebook :- / techiesms
Twitter :- / imtechiesms
Instagram :- / techiesms
Website :- www.techiesms.com
WhatsApp number :- +91 82000 79034
_________________________________________________________________
#techiesms
explore | learn | share
Thanks a lot, this series are exactly powerful for my current project. Damn Man.
Very nice! I really appreciate the way you describe each command and explain it clearly. Many 'instructors' do not explain the basics of the commands, what it does, why it's there, and the options. I know this is probably hard to keep it up when it must be already so obvious to you!.
What type of program started on 16:10 , can you please tell .
1 year back I had made this project with nodemcu. The problem with setup is ,(1) you can only control under the purview of your router. (2) you can't know the status of LED untill you see it I mean from web browser. (3) I don't know why, but in my setup webpage used to be freeze in every 3 to 4 hours for which I need to reset the board which was so frustrating. These things made me move towards blynk. Anyway, may be I would be wrong some where. Nice tutorial as always. Thanks bro.
bro. I've become your fan man.
Your charisma is amazing. You look hell of excited to me more than myself while teaching.
i really like what you are doing, but if you could slow down your speech by 1/3 it might be easier for some of us to keep up . Your content and level of detail is spot on. regards
Best video i have ever seen. I have never seen such a great youtuber who explains everything in a very good manner.
Finally!! all libraries found and finally compiled !!!
There r only few who explain code so brilliantly.
Detail explanation....good job😊
this is the best tutorial I've been looking for
Awesome tutorial. Well I guess we should handle a bit of validation there in JavaScript. Like what happens when I click "ON" when it's already ON. Same goes for off. Or maybe just one button to toggle them. Anyway, I love your series. Great job man! 👌
I comes when you add feedback in your project , change button color if light is on
very great .................learn lots of things thank you so much :)
Ur language is very easy to understand... 👍
Bro please do the previous project i.e (manual or internet feedback home automation with blynk) using webserver and html page that will help many
Truly Great Man. I'm much impressed by that Javascript function, window location and lastly by that Raw string line, 😂that particular error had harassed me much in past.
Great vídeo, comgratulation! Working perfectly here
Happy Making 😇
Superb tutorial, man! I gotta try this out.
Very clear..thanks sir.
Great explanation, first time i start to understand, Thanks a lot.
Thank you. I'm learning from your videos.
Nice, but it would be better to know the LED or relay status.
Just what I need to understand. Great video! Thanks so much!
Greetings from Peru!
Good teaching to explain,
But kindly guide me, where should be a function defined? b/c when a function execute in loops it shows error during verify a program.
Very Good Explanation. Understand each and every piece of code..!! One Basic Question...With the laptop or Mobile we will connect to only one ESP but what about there are other ESP around (Say Home-Automation ) and how to access them simultaneously?
Thanks man. I was looking for this kind of tutorial for a while now.
also you earned a subscriber. Hope your channel grows soon. Thanks
Best tutorial.
superb ,can make video same functionality using sim800 gsm and Arduino
Your explanation is excellent . How ESP board is connected to the Router?
How ESP board gets the power?
Sir need a setup tour !!
thank you for the amazing video. How do i make the LED turn on only while the button is pressed down and turn off again if i let go of the button?
Thank u Brooo
Thank you for very good video, If I want to setting a time for control auto on/off LED1 and LED2 how can i do this function?
Hi Mr sachin. Very nice informative tutorial. Keep ging such useful projects.
Very nice..this series gonna be very interesting.. 👍👍
Great video
Got very good knowledge
sir how you converted the image to an array and display it on m5stick c I'm trying for my core kit but unable to convert image to an array, please answer me sir
if i want that server.on and total html code in void loop() function is it possible toto write and execute in loop
Very nice explanation.
Nodemcu showes me this tipes of error timed out waiting for the package header
when I open the serial monitor it shows me
ets Jan 8 2013,rst cause:2, boot mode:(5,7) how to solve this?
Check power supply add filters to it like capacitors,
Check the power supply and try to reset your boatd
Thanks. This is great. You covered so much.
Hi ! I am using lolin nodemcu v3, "ESPaSynWebServer no such file or directory " and in library manager doesn't appear. What can I do ?
great video!!
I love you Bro. You help me a lot.
Thanks, I need to know how to make it online, I mean on the internet. 👍🏻👍🏻👍🏻
Excellent tutorial sir....
❤️Most waited tutorial
Great explanation bro. Tq.
And please tell about how to get sensor values in webpage with auto refresh mode. Like LM35 or SR04..... Tq
Sure
Just stay tuned with this series
Pls sir tell that we need a external router for Nodemcu pls reply.
best tutorial
Wonderful video, Thanks. I know W3 Schools and have found it to be very useful. But still it doesn't go into minor details as you explained in your video. Can you point me to some "not so dry" HTML book which is a bit more than what W3 schools HTML covers, please? Many thanks in advance.
Can change the color of button on and of
Is it all right to insert CSS on the HTML in order to style, the page? Or is done someway else, like in another file like web programming?
Sir kindly start the series of robot from different technology.
After this series
please make same project with Slider also to control LED brightness etc. using MIT app if possible. Thanks!
Great Tutorial
Dear sir u provided the code in the link is only for led 1 button click not for the led 2 on and off.
Kindly provide the final cods which u used in your project video
🔥...🙏... dhnywad sir
Nice one :)
esp.local is not working for esp8266. I have included mdns server library also. still it no working. please help mee
date is visible to client like whatever after the IP address or after dns name our data is present. if this data someone knows they can able to access pages or information on pages, my intention is that is their is any way to hide our data from showing In URL (for security reasons) we can use POST request using JavaScript please mention my proposal in your next video, m big fan of you and your videos
Thanks
Does this code using Asyncwebserver allows last state of the LEDs or the device when multiple device connect.
In esp32 Wifi disconnects after some time and reconnection fails ???
Nice 😍😍useful 👌
Great video, I can´t wait for the next one!!
NICE 😀👍
Can I use a javascript and html based slider for the webpage and the client can control brightness of LED? Is it possible?
Nice bro..
nice!! thank you
You didn't explain how to see the sensor status on browser
Example, magnetic contact sensor open or closed
No, not working. Copied everything exactly. "DNS_PROBE_POSSIBLE'' message appears, what could it be?
Bro i am just having a doubt
Does The Webpage should also be connected in the same wifi?? where the Esp is connected. Will the webpage page work using mobile network data??
Very good
Error compiling for board ESP32 Dev Module.___problem in esp32 board___how to slove sir
from where to download WebSocketsServer library
Hello sir i want to buy a hosting and domain for this webpage and i want to control the things from a website
How will i do this
this is so GREAT
thank you bro
How to install ESPAsyncTCP.h Lib on Arduino 2.0.0
Saludos desde Cuba. Me ayudas con el código para un Web Server con Nano 33 IoT. Gracias.
Pls make videos on how to control home appliances by phone app. I mean not to use blynk app as it has limited free energy.
This is great
Please make a video on power monitoring system
sir please make a video on installation of these libraray on Arduino
thank you
Always awsm
I need servo motor on off with 60 degrees wifi connected
gr8 video ......
can u try coadig in platform.io in vs studio
Great Video 👍 But is there any way so that the Esp32 gets an IP automatically, this will be useful if there are multiple ESP32s?? Thanks u
There's a library called mDNS, I works exactly what you need
can i used this programme for android/window?
Very good lesson, but talk not so quickly.👍
sir vs code sa karna ka liga mila ga
sir, I have problem in this project when i upload this code.I get successfully ip address then i put the ip address on browser .This site can't be reched msg is comes and not get my page.plz solve this problem..
Make sure your esp board and the computer on which u r requesting the IP address are connected with same wifi router
@@techiesms Tnx sir I got webpage.
@@shubh...808 hey bro how you get the page because i have the same problem
Bro send circuit diagram for it
sir can i run the code in void loop
ESPmDNS not working on my esp32 board but ip address 192.168.4.1 working fine help me
On the serial monitor does it shows “mdns responder started “?
@@techiesms yes it is displaying as you told
it gives the HTML code in the web page
sir i need you help
Local area network based project ko IoT kyon kahte hain ?
Ghar me baith ke ghar ke switch ko on off karne se kya faida, internet ke through kahin se bhi appliances ko on off kar saken tab to theek hai. Is tarah ka project kaise banega ye bataiye, sabhi log ek hi chiz bata rahe you tube pe. Aur Hindi me vdo banaiye sir tab to kuch samajh bhi aaiga.
Sir can we control these appliances any where in the world
Good question
Let me know