Home Automation via HTML page on ESP32 or NodeMCU board
ฝัง
- เผยแพร่เมื่อ 1 พ.ค. 2020
- 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/techiesms_youtube
_________________________________________________________________
Important Links
Code for the series : github.com/techiesms/NodeMCU-...
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/merchandise/
_________________________________________________________________
Buy the components from here
Visit my Amazon Storefront for purchasing any components you need for this project or any other project :-
bit.ly/techiesms-Amazon-Store
_________________________________________________________________
Subscribe Now :- bit.ly/techiesms_youtube
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 - วิทยาศาสตร์และเทคโนโลยี
![[TH] 2024 PMSL SEA W2D3 | Summer | ไม่อยากเหนื่อยวันเสาร์ ก็ต้องจัดเต็ม](http://i.ytimg.com/vi/CbsHmoJXjvE/mqdefault.jpg)
Best video i have ever seen. I have never seen such a great youtuber who explains everything in a very good manner.
bro. I've become your fan man.
Your charisma is amazing. You look hell of excited to me more than myself while teaching.
Superb tutorial, man! I gotta try this out.
Just what I need to understand. Great video! Thanks so much!
Greetings from Peru!
There r only few who explain code so brilliantly.
Great explanation, first time i start to understand, Thanks a lot.
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 .
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.
Finally!! all libraries found and finally compiled !!!
❤️Most waited tutorial
this is the best tutorial I've been looking for
Thanks. This is great. You covered so much.
Hi Mr sachin. Very nice informative tutorial. Keep ging such useful projects.
Detail explanation....good job😊
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
Thank you. I'm learning from your videos.
Very nice..this series gonna be very interesting.. 👍👍
very great .................learn lots of things thank you so much :)
Very clear..thanks sir.
Excellent tutorial sir....
🔥...🙏... dhnywad sir
Ur language is very easy to understand... 👍
Great vídeo, comgratulation! Working perfectly here
Happy Making 😇
Great video
Got very good knowledge
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.
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 nice explanation.
this is so GREAT
Best tutorial.
best tutorial
I love you Bro. You help me a lot.
Great Tutorial
great video!!
Thank u Brooo
Your explanation is excellent . How ESP board is connected to the Router?
How ESP board gets the power?
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
Nice bro..
Sir need a setup tour !!
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?
Nice 😍😍useful 👌
nice!! thank you
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?
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?
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
thank you bro
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
Always awsm
This is great
Nice one :)
Great video, I can´t wait for the next one!!
Thanks, I need to know how to make it online, I mean on the internet. 👍🏻👍🏻👍🏻
NICE 😀👍
Very good
Thanks
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?
Does this code using Asyncwebserver allows last state of the LEDs or the device when multiple device connect.
thank you
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.
Pls sir tell that we need a external router for Nodemcu pls reply.
Nice, but it would be better to know the LED or relay status.
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.
superb ,can make video same functionality using sim800 gsm and Arduino
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
Can I use a javascript and html based slider for the webpage and the client can control brightness of LED? Is it possible?
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??
Sir kindly start the series of robot from different technology.
After this series
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
please make same project with Slider also to control LED brightness etc. using MIT app if possible. Thanks!
Please make a video on power monitoring system
can i used this programme for android/window?
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
Hi ! I am using lolin nodemcu v3, "ESPaSynWebServer no such file or directory " and in library manager doesn't appear. What can I do ?
gr8 video ......
can u try coadig in platform.io in vs studio
sir please make a video on installation of these libraray on Arduino
🙌🔥🔥
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
In esp32 Wifi disconnects after some time and reconnection fails ???
from where to download WebSocketsServer library
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
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
Saludos desde Cuba. Me ayudas con el código para un Web Server con Nano 33 IoT. Gracias.
esp.local is not working for esp8266. I have included mdns server library also. still it no working. please help mee
😍♥️♥️♥️🔥
sir can i run the code in void loop
You didn't explain how to see the sensor status on browser
Example, magnetic contact sensor open or closed
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.
👍
Error compiling for board ESP32 Dev Module.___problem how to slove sir
Error compiling for board ESP32 Dev Module.___problem in esp32 board___how to slove sir
No, not working. Copied everything exactly. "DNS_PROBE_POSSIBLE'' message appears, what could it be?
I need servo motor on off with 60 degrees wifi connected
How to install ESPAsyncTCP.h Lib on Arduino 2.0.0
sir i need you help
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
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.
Bro send circuit diagram for it
Sir can we control these appliances any where in the world
Good question
Let me know
Very good lesson, but talk not so quickly.👍
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
+1