{"id":14963319,"url":"https://github.com/san279/camera-webserver-for-esp32s3","last_synced_at":"2026-02-13T22:01:51.308Z","repository":{"id":234998489,"uuid":"789873030","full_name":"San279/camera-webserver-for-esp32S3","owner":"San279","description":"Collect and download images from Esp-32 camera to PC","archived":false,"fork":false,"pushed_at":"2024-07-04T12:57:37.000Z","size":4260,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-02-21T14:49:56.532Z","etag":null,"topics":["edge-impulse","esp32","esp32-arduino","esp32-cam","esp32-camera","esp32-camera-webserver","esp32-fomo","esp32-object-detection","esp32-s3","esp32-webserver","esp32s3"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/San279.png","metadata":{"files":{"readme":"README-th.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-04-21T19:28:42.000Z","updated_at":"2024-08-16T23:38:55.000Z","dependencies_parsed_at":"2024-05-12T21:26:38.947Z","dependency_job_id":"eabaff87-d115-455e-832a-964075244582","html_url":"https://github.com/San279/camera-webserver-for-esp32S3","commit_stats":{"total_commits":119,"total_committers":2,"mean_commits":59.5,"dds":"0.050420168067226934","last_synced_commit":"e41cfecfd09b7cdb1ee306d34e0e5baba217b387"},"previous_names":["san279/image-collection-for-edge-esp32s3","san279/camera-webserver-for-esp32s3"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/San279/camera-webserver-for-esp32S3","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/San279%2Fcamera-webserver-for-esp32S3","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/San279%2Fcamera-webserver-for-esp32S3/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/San279%2Fcamera-webserver-for-esp32S3/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/San279%2Fcamera-webserver-for-esp32S3/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/San279","download_url":"https://codeload.github.com/San279/camera-webserver-for-esp32S3/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/San279%2Fcamera-webserver-for-esp32S3/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":273539281,"owners_count":25123499,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-09-03T02:00:09.631Z","response_time":76,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["edge-impulse","esp32","esp32-arduino","esp32-cam","esp32-camera","esp32-camera-webserver","esp32-fomo","esp32-object-detection","esp32-s3","esp32-webserver","esp32s3"],"created_at":"2024-09-24T13:31:20.846Z","updated_at":"2026-02-13T22:01:51.252Z","avatar_url":"https://github.com/San279.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"## เว็ปเซอร์กล้อง Esp32-S3\n [For English version](https://github.com/San279/camera-webserver-for-esp32S3)\n \u003cbr/\u003e\n \u003cbr/\u003e\n โปรเจ็คนี้ถูกออกแบบมาให้ใช้กับ 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/)\n\u003cbr/\u003e\n## สิงที่ต้องมี\n - [AIoT](https://wirelesssolution.asia/) บอร์ด Esp32-S3 หรือ Esp32 ที่มี PSRAM\n - กล้อง OV 2640\n - [Arduino IDE](https://www.arduino.cc/en/software) อันเก่าหรือใหม่ก้ได้\n## โครงสร้าง\n 1. camera-webserver-for-esp32S3.ino - c++ สำหรับสตรีมรูปภาพจากกล้อง Esp32 ขึ้นเว็ปเซอรเวอร์\n 2. index.html - html สำหรับส่วนหน้าบ้านของเว็บไซต์\n 3. index.js - javascript สำหรับฟังชั้นของการรับสรีมและส่วนหน้าบ้าน\n 4. styles.css - css ทำให้เว็ปดูสวยงาม\n## วิธีรันโปรเจ็ค\n\u003cstrong\u003e 1. ดาวน์โหลดไลบราลี่เป็น zip และแตกไฟล์ในแฟ้ม Arduino. \u003c/strong\u003e\n\u003cbr /\u003e\u003cbr /\u003e\n![alt text](/Images_for_readme/folder_directory.PNG)\n\u003cbr /\u003e\u003cbr /\u003e\u003cbr /\u003e\u003cbr /\u003e\n\u003cstrong\u003e 2. เปิดแฟ้มที่พึ่งแยก และเปิดไฟล์ camera-webserver-for-esp32S3.ino เปลี่ยนชื่อกับรหัส WIFI ในบรรทัด 24 กับ 25 ให้ใช้อันเดียวกับที่คอมพิวเตอร์เรา  \u003c/strong\u003e\n\u003cbr /\u003e\u003cbr /\u003e\n![alt text](/Images_for_readme/ssidPassword.PNG)\n\u003cbr /\u003e\u003cbr /\u003e\u003cbr /\u003e\u003cbr /\u003e\n\u003cstrong\u003e 3. กดไปที่ tools ตรงตัวเลือกด้านบนและเปลี่ยน Board เป็น \"ESP32S3 Dev Module\" และเปลี่ยน PSRAM เป็น \"OPI PSRAM\"  \u003c/strong\u003e\n\u003cbr /\u003e\u003cbr /\u003e\n![alt text](/Images_for_readme/IDE_configure.PNG)\n\u003cbr /\u003e\u003cbr /\u003e\u003cbr /\u003e\u003cbr /\u003e\n\u003cstrong\u003e 4. อัพโหลดโค้ดขึ้นบน ESP32-S3 เสร็จแล้วให้คัดลอก ip address  \u003c/strong\u003e\n\u003cbr /\u003e\u003cbr /\u003e\n![alt text](/Images_for_readme/ip_IDE.PNG)\n\u003cbr /\u003e\u003cbr /\u003e\u003cbr /\u003e\u003cbr /\u003e\n\u003cstrong\u003e 5. เปิด index.html และนำ ip address ที่คัดลอกมาวางใว้ในกล่องและกด ok \u003c/strong\u003e\n\u003cbr /\u003e\u003cbr /\u003e\n![alt text](/Images_for_readme/ip_prompt.PNG)\n\u003cbr /\u003e\u003cbr /\u003e\u003cbr /\u003e\u003cbr /\u003e\n\u003cstrong\u003e 6. เสร็จสิ้น  เราสามารถใช้ library นี้เก็บรูปภาพเพื่อไปฝึก AI ในเสต็ป 1 [กลับไปหน้าวิธีการฝึก AI](https://github.com/San279/AIoT_Board/blob/main/Readme-th.md)\u003c/strong\u003e\n\u003cbr/\u003e \u003cbr/\u003e\n\n![alt text](/Images_for_readme/done.PNG)\n\u003cbr /\u003e\u003cbr /\u003e\u003cbr /\u003e\u003cbr /\u003e\n## ฟีเจอร์ของเว็ปเซอร์\n- เมื่อกดปุ่มรูปกล้องจะเริ่มการบันทึกรูปภาพ\u003cbr /\u003e\n- เราสามารถเซ็ทเวลาระหว่างการบึนทึกแต่ละรูป\u003cbr /\u003e\n- เซ็ทจำนวนรูปที่อยากบันทึกต่อครั้ง\u003cbr /\u003e \u003cbr /\u003e\n![alt_text](/Images_for_readme/capture_console.PNG)\n\u003cbr /\u003e\u003cbr /\u003e \u003cbr /\u003e\n- เมื่อเราบึนทึกรูปแล้ว เราสามารถดาวโหลดรูปถาพโดยการกดไปที่ปุ่มตรงซ้ายล้างของเว็ป\u003cbr /\u003e\n- ลบรูปที่บันทึกใว้ทั้งหมดด้วยการกดปุ่มตรงด้านขวาล่าง\u003cbr /\u003e\n![alt_text](/Images_for_readme/gallery_img.PNG)\n- เปลี่ยนการตั้งค่าต่างๆ ของกล้องได้ แนะทำให้เซ็ทความอิ่มสีใว้ที่ 2 หรือ สามารถดูเพิ่มเติมได้ที่[https://heyrick.eu/blog/index.php?diary=20210418\u0026keitai=0](https://heyrick.eu/blog/index.php?diary=20210418\u0026keitai=0) \u003cbr /\u003e\n- เปลี่ยนความละเอียดหรือมิติกล้อง \u003cbr /\u003e\n- ยูเซอร์ควรตั้งชื่อของ Class หรือประเภทของวุตถุ เนื่องจาก Edge Impulse ไม่สามารถอัพโหลดรูปที่มีชื่อเหมือนกันได้ \u003cbr /\u003e\u003cbr /\u003e\n![alt_text](/Images_for_readme/resolution_class.PNG)\n\u003cbr /\u003e\u003cbr /\u003e\u003cbr /\u003e\n\u003cbr /\u003e \u003cbr /\u003e\u003cbr /\u003e \u003cbr /\u003e\n## เครดิต\nต้องขอขอบคุณ [WIRELESS SOLUTION ASIA CO.,LTD](https://wirelesssolution.asia/) สำหรับการสนับสนุนโปรเจ็คนี้ และ [RandomNerdTutorials]([RandomNerdTutorial](https://RandomNerdTutorials.com/esp32-cam-video-streaming-web-server-camera-home-assistant) สำหรับโค้ดส่วนสตรีมรูปภาพขึ้นบนเว็ปเซอร์เวอร์\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsan279%2Fcamera-webserver-for-esp32s3","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsan279%2Fcamera-webserver-for-esp32s3","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsan279%2Fcamera-webserver-for-esp32s3/lists"}