https://github.com/san279/camera-webserver-for-esp32s3

Collect and download images from Esp-32 camera to PC
https://github.com/san279/camera-webserver-for-esp32s3

edge-impulse esp32 esp32-arduino esp32-cam esp32-camera esp32-camera-webserver esp32-fomo esp32-object-detection esp32-s3 esp32-webserver esp32s3

Last synced: 2 months ago
JSON representation

Collect and download images from Esp-32 camera to PC

• Host: GitHub
• URL: https://github.com/san279/camera-webserver-for-esp32s3
• Owner: San279
• Created: 2024-04-21T19:28:42.000Z (8 months ago)
• Default Branch: master
• Last Pushed: 2024-07-04T12:57:37.000Z (6 months ago)
• Last Synced: 2024-10-10T13:24:11.562Z (2 months ago)
• Topics: edge-impulse, esp32, esp32-arduino, esp32-cam, esp32-camera, esp32-camera-webserver, esp32-fomo, esp32-object-detection, esp32-s3, esp32-webserver, esp32s3
• Language: JavaScript
• Homepage:
• Size: 4.06 MB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README-th.md

Awesome Lists containing this project

README

        
## เว็ปเซอร์กล้อง Esp32-S3

 [For English version](https://github.com/San279/camera-webserver-for-esp32S3)

 


 


 โปรเจ็คนี้ถูกออกแบบมาให้ใช้กับ AI ตรวจจับวัตถุ[FOMO](https://docs.edgeimpulse.com/docs/edge-impulse-studio/learning-blocks/object-detection/fomo-object-detection-for-constrained-devices) ในส่วนของการรวบรวมรูปภาพจาก AIoT บอร์ด ขึ้นเว็ปเซอร์เวอร์ เพื่อนำไปใช้ใน [Edge Impulse](https://edgeimpulse.com/)




## สิงที่ต้องมี

 - [AIoT](https://wirelesssolution.asia/) บอร์ด Esp32-S3 หรือ Esp32 ที่มี PSRAM

 - กล้อง OV 2640

 - [Arduino IDE](https://www.arduino.cc/en/software) อันเก่าหรือใหม่ก้ได้

## โครงสร้าง

 1. camera-webserver-for-esp32S3.ino - c++ สำหรับสตรีมรูปภาพจากกล้อง Esp32 ขึ้นเว็ปเซอรเวอร์

 2. index.html - html สำหรับส่วนหน้าบ้านของเว็บไซต์

 3. index.js - javascript สำหรับฟังชั้นของการรับสรีมและส่วนหน้าบ้าน

 4. styles.css - css ทำให้เว็ปดูสวยงาม

## วิธีรันโปรเจ็ค

 1. ดาวน์โหลดไลบราลี่เป็น zip และแตกไฟล์ในแฟ้ม Arduino. 





![alt text](/Images_for_readme/folder_directory.PNG)







 2. เปิดแฟ้มที่พึ่งแยก และเปิดไฟล์ camera-webserver-for-esp32S3.ino เปลี่ยนชื่อกับรหัส WIFI ในบรรทัด 24 กับ 25 ให้ใช้อันเดียวกับที่คอมพิวเตอร์เรา  





![alt text](/Images_for_readme/ssidPassword.PNG)







 3. กดไปที่ tools ตรงตัวเลือกด้านบนและเปลี่ยน Board เป็น "ESP32S3 Dev Module" และเปลี่ยน PSRAM เป็น "OPI PSRAM"  





![alt text](/Images_for_readme/IDE_configure.PNG)







 4. อัพโหลดโค้ดขึ้นบน ESP32-S3 เสร็จแล้วให้คัดลอก ip address  





![alt text](/Images_for_readme/ip_IDE.PNG)







 5. เปิด index.html และนำ ip address ที่คัดลอกมาวางใว้ในกล่องและกด ok 





![alt text](/Images_for_readme/ip_prompt.PNG)







 6. เสร็จสิ้น  เราสามารถใช้ library นี้เก็บรูปภาพเพื่อไปฝึก AI ในเสต็ป 1 [กลับไปหน้าวิธีการฝึก AI](https://github.com/San279/AIoT_Board/blob/main/Readme-th.md)


 


![alt text](/Images_for_readme/done.PNG)







## ฟีเจอร์ของเว็ปเซอร์

- เมื่อกดปุ่มรูปกล้องจะเริ่มการบันทึกรูปภาพ


- เราสามารถเซ็ทเวลาระหว่างการบึนทึกแต่ละรูป


- เซ็ทจำนวนรูปที่อยากบันทึกต่อครั้ง
 


![alt_text](/Images_for_readme/capture_console.PNG)



 


- เมื่อเราบึนทึกรูปแล้ว เราสามารถดาวโหลดรูปถาพโดยการกดไปที่ปุ่มตรงซ้ายล้างของเว็ป


- ลบรูปที่บันทึกใว้ทั้งหมดด้วยการกดปุ่มตรงด้านขวาล่าง


![alt_text](/Images_for_readme/gallery_img.PNG)

- เปลี่ยนการตั้งค่าต่างๆ ของกล้องได้ แนะทำให้เซ็ทความอิ่มสีใว้ที่ 2 หรือ สามารถดูเพิ่มเติมได้ที่[https://heyrick.eu/blog/index.php?diary=20210418&keitai=0](https://heyrick.eu/blog/index.php?diary=20210418&keitai=0) 


- เปลี่ยนความละเอียดหรือมิติกล้อง 


- ยูเซอร์ควรตั้งชื่อของ Class หรือประเภทของวุตถุ เนื่องจาก Edge Impulse ไม่สามารถอัพโหลดรูปที่มีชื่อเหมือนกันได้ 



![alt_text](/Images_for_readme/resolution_class.PNG)







 

 


## เครดิต

ต้องขอขอบคุณ [WIRELESS SOLUTION ASIA CO.,LTD](https://wirelesssolution.asia/) สำหรับการสนับสนุนโปรเจ็คนี้ และ [RandomNerdTutorials]([RandomNerdTutorial](https://RandomNerdTutorials.com/esp32-cam-video-streaming-web-server-camera-home-assistant) สำหรับโค้ดส่วนสตรีมรูปภาพขึ้นบนเว็ปเซอร์เวอร์