Lesson 18

Live Camera Feed (Hiwonder 7.3)

Connect to the ESP32-S3 Vision Module Hotspot and View the Stream

🎯 Learning Objectives

Power Requirement (Important): The ESP32-S3 vision module should be powered by at least 5V 2A. Low power can cause unstable streaming and visible watermarks.

✅ What Counts as “Done” for Lesson 18

Pacing Tip: It’s normal for this to take multiple sessions. Treat it like a lab: pass one checkpoint at a time.

🗓️ Suggested Multi-Week Plan

Week 1 Goal: Reach the Stream Page

  • COM port visible
  • Join HW_ESP32S3CAM
  • Load 192.168.5.1
  • At least one successful “start transmission” attempt

Week 2 Goal: Make It Reliable

  • Repeat the full setup from scratch without help
  • Learn the “recovery” steps when it fails
  • Test both phone and PC access
  • Document the exact steps you used

🔌 Section 1: Device Connection (USB + Drivers)

Connect the ESP32-S3 vision module to your computer using a Type-C cable. Then open Device Manager to confirm a COM port appears.

Note: If the device does not show up under Ports, you may need the CH34x driver from the Hiwonder resources download.
Checkpoint 1 (USB/COM): You can point to the COM port in Device Manager and say “that’s the board.”

What it looks like (example)

Windows 11 shows USB-SERIAL CH340 (COM7) under Other devices
Example: Windows 11 shows USB-SERIAL CH340 (COM#) once the module is detected.

Quick Checklist

Troubleshooting

If you don't see a COM port:
1) Try a different USB port
2) Try a different cable
3) Install CH34x driver
4) Reboot and check again

🧩 Section 1.5: “Which Part is Failing?” (A Fast Diagnostic)

When the live stream doesn’t work, the failure is usually in one of these buckets. Use this list to avoid random guessing.

📶 Section 2: Connect to the Hotspot (AP Mode)

The ESP32-S3 vision module creates a WiFi hotspot named HW_ESP32S3CAM. This method is called AP (Access Point) direct mode.

Checkpoint 2 (WiFi): Your device shows it is connected to HW_ESP32S3CAM.
Common gotcha: Some phones/PCs try to “help” by switching back to home WiFi if the hotspot has no internet. If it keeps disconnecting, temporarily disable auto-switching/mobile data assist.

📷 Section 3: Start Image Transmission (192.168.5.1)

After connecting to HW_ESP32S3CAM, open a browser and go to: http://192.168.5.1

Checkpoint 3 (Page loads): You see the vision module page at 192.168.5.1 (not an error page).

What it looks like (example)

Vision module page at 192.168.5.1 with image transmission running
Example: once the page loads, use the page button to start image transmission and confirm frames update.

Expected Result

Slow Step-by-Step (Do Not Skip)

  1. Confirm you are connected to HW_ESP32S3CAM
  2. Type http://192.168.5.1 exactly (include http://)
  3. Wait for the page to fully load (be patient on the first load)
  4. Use the page control to start image transmission
  5. Wait for frames to appear (some modules take a moment to start)

Quick Troubleshooting

If 192.168.5.1 doesn't load:
1) Confirm you are connected to HW_ESP32S3CAM (not your home WiFi)
2) Disable VPN
3) Try a different browser
4) Power-cycle the ESP32-S3 vision module
If the page loads but video is blank: That’s a different problem than “192.168.5.1 won’t load.” Treat it as a stream/firmware issue, not a WiFi issue.

🛠️ Section 4: Recovery Checklist (When It Stops Working)

If you previously flashed other firmware and the live feed stopped working, you may need to restore the image transmission firmware. Use this checklist to systematically recover.

  1. Hard reset: Power off, wait 10 seconds, power on
  2. WiFi reset: Forget HW_ESP32S3CAM network, reconnect
  3. Browser reset: Try another browser, or a private/incognito window
  4. Device swap: Try phone first, then PC (or the other way around)
  5. Firmware restore: If the stream still won’t start, reflash the correct 7.3 image transmission firmware

Firmware Restore (Detailed)

Use this when the hotspot works and the page loads, but the live feed won’t start (or you previously flashed a different vision firmware).

  1. Connect: Plug the ESP32-S3 vision module into your computer with a data-capable USB-C cable
  2. Open tool: Run flash_download_tool_3.9.7 (Hiwonder Firmware Flashing Tools)
  3. Select chip: Choose ESP32-S3
  4. Select firmware: Choose image_transmit.bin (the live camera feed / image transmission firmware)
  5. Select COM port: Pick the COM port that matches Device Manager. Avoid COM1.
  6. Erase first: Click ERASE and wait for it to finish
  7. Flash: Click START and wait for FINISH
  8. Restart: Disconnect USB and power-cycle the vision module
  9. Re-test: Connect to HW_ESP32S3CAM and load http://192.168.5.1

🔧 Hands-On Activity: Prove the Stream Works

Get the camera feed working on both a PC browser and a phone browser.

Activity Checklist

Materials Needed:

  • ESP32-S3 vision module
  • Phone or tablet with WiFi
  • Computer with WiFi
  • Type-C cable (data)

Step-by-Step Instructions:

  1. PC: Connect to HW_ESP32S3CAM and open 192.168.5.1
  2. Phone: Connect to HW_ESP32S3CAM and open 192.168.5.1
  3. Verify: Confirm the image updates (live feed)
  4. Document: Screenshot the page on PC and phone for your lab notebook
💡 Pro Tip: If you previously flashed other firmware and the live feed stopped working, reflash the image transmission firmware to restore it.

📋 Assessment & Homework

Programming Challenges

  1. Network Check: Write down the exact steps to get from "power on" to "live feed"
  2. Recovery Plan: Describe when you would reflash the image transmission firmware and why
  3. Troubleshooting: List 3 reasons 192.168.5.1 might not load and how to fix each

Research Assignment

Topic: AP Mode vs STA Mode

Write a one-page explanation of the difference between:

  • AP (Access Point) mode: ESP32 creates a hotspot
  • STA (Station) mode: ESP32 joins an existing WiFi network

Practical Exercises

  • Verify the stream works at different distances between phone and vision module
  • Test in a room with many WiFi networks and record if stability changes
  • Optional: If the live feed fails, practice the firmware reflash workflow
← Lesson 17: App Remote Control 📚 Semester Overview Next: Lesson 19 →