Це відео не доступне.
Перепрошуємо.

Editing Camera Web Server HTML Source Code for the ESP32-CAM

Поділитися
Вставка
  • Опубліковано 4 сер 2024
  • How to use an online tool to convert HTML to a hex array to use in the Arduino and IDF This is the easiest way I found to make your own custom HTML page to use with the camera web server example sketch for the ESP32-CAM
    Blog version here: robotzero.one/esp32-cam-custo...
    If you found this useful and want to say thanks you can buy me a coffee here: www.buymeacoffee.com/robotzero

КОМЕНТАРІ • 58

  • @thedrunknmunky6571
    @thedrunknmunky6571 4 роки тому +6

    Your work is so underrated. Thank you for this! ❤

  • @mtnwildernessfamily
    @mtnwildernessfamily Рік тому +1

    Thank you for this great tutorial! It was short, simple, to the point. I teach morse code in relation to ham radio. That was awesome to see CyberChef had that feature. A note to tell my students about.

  • @silentwindstudio
    @silentwindstudio 3 роки тому +1

    Awesome work dude! Saved me from a lot of hustle!

  • @SadSchoolBoy
    @SadSchoolBoy Рік тому +2

    I love you SOOOOOO much! A lot of websites didn't tell me I have to change the len in the define part so I always failed to show the image as soon as I changed the html. You really save me !

  • @newschool050
    @newschool050 4 роки тому

    This video was a savior, thanks bud.

  • @chinmoytahbildar3278
    @chinmoytahbildar3278 4 роки тому

    Finally got what i want... thank u so much... want more videos

  • @TheRealKitWalker
    @TheRealKitWalker 5 років тому +1

    Very interesting and useful. Thanks for sharing.

  • @sanjaybhatikar
    @sanjaybhatikar Рік тому

    Dude, this is super cool! Thank you!

  • @keilo88
    @keilo88 5 років тому +2

    thank you for sharing, it looks very useful

  • @user-rm7qe4pl2f
    @user-rm7qe4pl2f 9 місяців тому

    Дуже дякую. Ваша інформація мені допомогла у проекті.

  • @mapaly04
    @mapaly04 4 роки тому

    thank you very much, it helped me a lot and learned a lot again.

  • @toto99303
    @toto99303 3 роки тому

    Excellent video, thank you!

  • @marvintoh8383
    @marvintoh8383 2 роки тому

    underateedddd!!!! thankyou broo

  • @maskman4821
    @maskman4821 4 роки тому

    awesome !!!

  • @fredbcruz
    @fredbcruz 3 роки тому

    Thank you!

  • @emmanuelsheshi1553
    @emmanuelsheshi1553 2 роки тому

    nice work

  • @makifbuz
    @makifbuz 4 роки тому

    Awesome...

  • @dominikwinkler2718
    @dominikwinkler2718 3 роки тому

    thanks!

  • @mihaitza6247
    @mihaitza6247 2 роки тому

    Excelent

  • @ChupoCro
    @ChupoCro 4 роки тому

    At 1:48 it's better to select *0x with comma* as a delimiter in the hex section, *comma* as split delimiter and *comma* as join delimiter. And in the newer version the hex section has *Bytes per line* option to avoid very long line - the listing looks best when using 8 or 16 or 32 bytes per line.

    • @robotzeroone
      @robotzeroone  4 роки тому

      Thanks for the tips. I'll take a look later and update the blog article

  • @manojmakam7266
    @manojmakam7266 4 роки тому

    Can stream over internet,? I mean we have to maintain minimum distance for streaming

  • @ivsuk
    @ivsuk 3 роки тому +1

    Thanks very much. File size is very important - doesn't work if it's wrong.

  • @FailChe
    @FailChe 4 роки тому

    Thank you very much for the tutorial!
    I am new to this. When entering html code, my camera is not displayed. Apparently it's because of the different libraries? Use WiFi.h, with the example of CameraWebServer ...
    I would greatly appreciate the help!
    Excuse my English.

    • @robotzeroone
      @robotzeroone  4 роки тому

      Do you mean you have two versions of the Wifi library? The IDE should pick the correct one. Start with this tutorial if you aren't sure. robotzero.one/esp32-cam-arduino-ide/ Use 1.0.4 of the ESP32 hardware libraries.

  • @choporo2005
    @choporo2005 3 роки тому

    What can I do if I want to see fewer settings on the webpage? Like just the Brightness and the Special Effect.

    • @robotzeroone
      @robotzeroone  3 роки тому +1

      You need to remove the other elements from the HTML and run the process to convert it to the format required by the ESP32

  • @SmithyScotland
    @SmithyScotland 5 років тому

    I've been playing with the cams and wondered about that code. was trying to find the actual url for the image so i could add to motioneyes.

    • @robotzeroone
      @robotzeroone  5 років тому

      the stream URL is 192.168.1.107:81/stream but replacing the IP with the camera IP address

  • @ianmargrain2915
    @ianmargrain2915 2 роки тому

    hey this was really useful . But i was curious if u can point out what parts of the code are used in for the camera stream. Just want to put the stream on a different style website and any pointers would be good

    • @robotzeroone
      @robotzeroone  2 роки тому

      DId you just want access to the stream on an IP address. Something like your-ip-address:81/stream will work with the original CameraWebServer example. Otherwise take a look at my blog - I have lots of projects working with the output in code.

    • @ianmargrain2915
      @ianmargrain2915 2 роки тому

      @@robotzeroone cheers no i want to insert the stream twice vertically on the local website so i can use it on my phone for a bad vr application lel

  • @thatswicked5162
    @thatswicked5162 5 років тому

    Any idea how can I use this camera for line detection?

    • @robotzeroone
      @robotzeroone  5 років тому

      There's nothing released yet that I know of - github.com/espressif/esp-who/issues/33 Probably better to look at another solution for now.

  • @michaelguablas1669
    @michaelguablas1669 Рік тому +1

    hello can i combie the arduino uno and esp32 cam in 1 web site, like the webcam sees it and the arduino uno can detect the metal

    • @michaelguablas1669
      @michaelguablas1669 Рік тому

      or can i put an mic output to the website? using the arduino

    • @robotzeroone
      @robotzeroone  Рік тому

      @@michaelguablas1669 I don't really understand. What is it you want to do?

  • @feliwein_cc
    @feliwein_cc 2 роки тому

    how would you stream in one site multiple cams?

    • @robotzeroone
      @robotzeroone  2 роки тому

      Each camera is available at your-ip-address:81/stream so if the IP addresses don't change you can build a page that shows each camera using JavaScript to access and decode each stream. Might be easier to use Home Assistant.

  • @window.location
    @window.location 4 роки тому

    Sir i have a dubt
    Let take i have web page
    And i want to steam video of esp camera
    But i don't want to upload html file into esp32 cam module
    Instead
    I want that video to stream to my page
    Over LAN ( like local host ),
    So is it possible

    • @robotzeroone
      @robotzeroone  4 роки тому +2

      If you just want to stream on your own network you can use this address: esp-ip-address:81/stream where esp-ip-address is the IP address of the camera on your network. If you want to use it outside the network you need to use port forwarding.

  • @davidelotto3495
    @davidelotto3495 Рік тому

    Awesome however there is a problem. With the new camera example this solution doesn't work.

  • @fabriziolongo83
    @fabriziolongo83 Рік тому

    Thanks for these tutorial. How I can add WiFi.RSSI() value in webpage?

    • @robotzeroone
      @robotzeroone  Рік тому +1

      The best way would be to poll the ESP32 using Javascript or websockets and keep an updated value shown on the webpage. Websockets on the ESP32 looks like this: if (msg.data() == "sendrssi") {
      client.send(RSSIValue);
      }
      but you would have to code the server (ESP32) and HTML part. Some hints maybe in this tutorial: robotzero.one/esp-who-recognition-with-names/

    • @fabriziolongo83
      @fabriziolongo83 Рік тому

      @@robotzeroone thanks for your reply. I will try it 👍

  • @thesishive
    @thesishive Рік тому

    this does not work anymore
    I tried it, different errors when trying your method

    • @robotzeroone
      @robotzeroone  Рік тому

      Maybe with the new versions of the ESP32 hardware libraries the HTML is encoded differently.

  • @vonries
    @vonries 5 років тому

    I was hoping you had written a new and improved set of html instructions. Sorry but it's French to me (for those people who don't speak English as a first language or aren't at least 50 years old, that means: html is a different language than I speak. )

    • @vonries
      @vonries 5 років тому

      But I still think it's cool thay you figured it out.

  • @aminulhaque3253
    @aminulhaque3253 3 місяці тому

    Hello I'm aminul I am working on ESP32 CAM to access camera web server but every time when I open serial monitor it shows me a error I've trying for past 3 days on this error "No core dump partition found!"
    I've also tried all of the methods which are discussed in many pages on this forum
    if you solve it kindly guide me on this problem
    Thanks in advance.
    ...The settings which I have done...
    1: Selected board: AI Thinker ESP32 CAM (Also selected ESP32 Wroover Module but same error)
    2: CPU Frequency: 240MHz (Wifi/BT)
    3: Flash Frequency: 80MHz
    4: Flash Mode: QIO
    5: Partition Scheme: Huge App...

    • @robotzeroone
      @robotzeroone  3 місяці тому

      I don't know what that error is. If that's the standard camerawebserver example it sounds maybe a hardware problem.

    • @aminulhaque3253
      @aminulhaque3253 3 місяці тому

      I don't think there is any problem with the camera module. Because "wifi scan", "LED blinking switch webserver" and other programs were running fine.

    • @aminulhaque3253
      @aminulhaque3253 3 місяці тому

      error is "No Core Dump Partition Found"

    • @robotzeroone
      @robotzeroone  3 місяці тому

      @@aminulhaque3253 Looking on Reddit it seems the camera is broken. Did you try the camerawebserver example? It's an old tutorial but here robotzero.one/esp32-cam-arduino-ide/ with 1.0.4 of the ESP32 hardware libraries. If it doesn't work I think your camera is broken.

  • @Shopeeka.
    @Shopeeka. Рік тому

    very confusing, you have not shown it properly,