ระบบตรวจจับระดับน้ำอัตโนมัติจาก CCTV

เจ้าของผลงานเล่าไว้แบบนี้

https://watermeter-seven.vercel.app # 🌊 ระบบตรวจจับระดับน้ำอัตโนมัติจากกล้อง CCTV (เทศบาลเมืองปทุมธานี) ### AI Waterline Detection & Real-time Live Web Dashboard ระบบตรวจจับระดับผิวน้ำเทียบกับสเกลเสาวัดระดับจริงผ่านกล้องสตรีม HLS พร้อมระบบแจ้งเตือนด้วยเสียง (Sound Alert), บันทึกภาพ Snapshot อัตโนมัติ และแสดงผลบน **Web Dashboard สดแบบเรียลไทม์** --- ## 🌟 ฟีเจอร์ของระบบเว็บไซต์ (Web Dashboard Features) 1. **Live CCTV Video Feed (MJPEG Stream)**: - ดึงสตรีมสดจากกล้อง HLS `http://101.109.253.60:8999/playlist.m3u8` - แสดงภาพพร้อมเส้นวัดระดับน้ำ Live HUD Overlay - สามารถเปิด/ปิดเส้นวัด HUD ได้แบบ Real-Time จากหน้าเว็บ - รองรับโหมด Fullscreen สำหรับเปิดดูบนจอมอนิเตอร์ห้องควบคุม (Control Room) 2. **Interactive Water Gauge (เกจวัดระดับน้ำจำลอง)**: - ทรงกระบอกแก้วพร้อมลูกเล่นคลื่นน้ำเคลื่อนไหว (Animated Wave) - ปรับระดับความสูงและเปลี่ยนสีตามสถานะอัตโนมัติ (เขียว = ปลอดภัย, ส้ม = เฝ้าระวัง, แดง = วิกฤต) 3. **Web Audio API Emergency Sound Alert (แจ้งเตือนด้วยเสียงบนเว็บ)**: - ทำงานได้บนทุกอุปกรณ์ (คอมพิวเตอร์, iPad, แท็บเล็ต, มือถือ) โดยตรงจากเว็บเบราว์เซอร์ - **เกณฑ์สีส้ม/เฝ้าระวัง (>= 2.20 ม.)**: เสียง Beep ฉุกเฉินแบบ EAS Alert Tone (853Hz + 960Hz) - **เกณฑ์สีแดง/วิกฤต (>= 2.50 ม.)**: เสียงหวูดไซเรนอพยพภัย (Air Raid / Evacuation Siren Sweep) พร้อมเอฟเฟกต์ไฟกะพริบสีแดงรอบจอ 4. **Real-time Trend Chart**: - กราฟแนวโน้มระดับน้ำแบบเส้น (Chart.js) แสดงความเปลี่ยนแปลงของระดับน้ำย้อนหลังแบบสดๆ 5. **Event Snapshot Gallery**: - แกลเลอรีภาพถ่ายบันทึกเหตุการณ์อัตโนมัติเมื่อน้ำถึงระดับเตือนภัย

โดย YY1U · ดูโพสต์ต้นทาง