📷
กล้องวงจรปิด CCTV
Real-time Camera Monitoring
📋 กล้อง (
0
)
← Dashboard
⬛ 1×1
⬛⬛ 2×1
⊞ 2×2
⊞ 3×2
⊞ 4×3
0 Online
0 Offline
+ เพิ่มกล้อง
กล้องทั้งหมด
📷
ยังไม่มีกล้อง
คลิก "เพิ่มกล้อง"
+ เพิ่มกล้อง
📷
ยังไม่มีกล้อง CCTV
คลิก "เพิ่มกล้อง" เพื่อเพิ่มกล้องวงจรปิด
+ เพิ่มกล้อง
📷
เพิ่มกล้อง CCTV
✕
ข้อมูลกล้อง
ชื่อกล้อง
*
รหัสกล้อง
ตำแหน่งติดตั้ง
ยี่ห้อ / รุ่น
ประเภทการเชื่อมต่อ
📷 MJPEG
📺 HLS / M3U8
🌐 Embed URL
🔗 RTSP
🎭 Demo Mode
IP Address
*
Port
Stream Path (URL)
ตัวอย่าง: http://192.168.1.100/video.cgi?channel=1
Channel / Stream
Refresh (วินาที)
HLS Stream URL (M3U8)
*
Embed URL (iframe)
*
URL หน้า web view ของกล้อง เช่น หน้า Hikvision ISAPI viewer
RTSP URL
*
⚠️
หมายเหตุ:
RTSP ต้องใช้ผ่าน WebRTC/Media Server proxy (เช่น go2rtc, mediamtx) เนื่องจาก browser ไม่รองรับ RTSP โดยตรง
หรือตั้งค่า Proxy URL ที่แปลง RTSP → HLS / WebRTC
Proxy URL (HLS ที่ได้จาก go2rtc/mediamtx)
รูปแบบ Demo
🌊 สภาพคลอง/อ่างน้ำ
🚪 วาล์วและท่อน้ำ
📡 บริเวณเซ็นเซอร์
🏞️ มุมมองรวม
💡 Demo mode จำลองภาพ animated สำหรับทดสอบ dashboard โดยไม่ต้องเชื่อมต่อกล้องจริง
บัญชีผู้ใช้ (Authentication)
Username
Password
เก็บใน localStorage เท่านั้น
ตัวเลือก
เปิดใช้งาน
แสดงฟีดกล้องบน dashboard
แสดงชื่อบนฟีด
Overlay ชื่อกล้องและเวลา
ทดสอบการเชื่อมต่อ
🔌 Test Stream
ยกเลิก
🗑️ ลบ
💾 บันทึก