CoolFace
Apppublic

Timsupport/camera

sourceHugging Facemitupdated 4mo agoView on Hugging Face
0likes
App README

πŸ“Έ Camera Stream v3

Real-time camera monitoring with WebRTC + Socket.IO β€” Client-Admin architecture.

✨ Features

  • β€”Live Streaming β€” Camera streams in real-time to admin dashboard via WebRTC
  • β€”Client-Admin Model β€” Camera devices auto-register, admin picks which to monitor
  • β€”Remote Control β€” Admin can request photos, recording, camera switch, and flash
  • β€”Persistent Gallery β€” IndexedDB storage (survives page refresh)
  • β€”Dark Glassmorphism UI β€” Modern responsive design

πŸš€ Cara Pakai

1. Landing Page

Buka https://timsupport-camera.hf.space/ β€” pilih mode:

  • β€”πŸ“· Camera Device β†’ halaman untuk membuka kamera
  • β€”πŸŽ¬ Admin Monitor β†’ dashboard monitoring

2. Camera Device

  1. 1.Buka halaman Camera Device
  2. 2.Masukkan nama device
  3. 3.Klik Mulai Broadcast
  4. 4.Izinkan akses kamera

3. Admin Monitor

  1. 1.Buka halaman Admin Monitor
  2. 2.Lihat daftar device yang terhubung
  3. 3.Klik Monitor untuk mulai melihat stream
  4. 4.Gunakan remote control: πŸ“· foto, ⏺️ rekam, πŸ”„ ganti kamera, πŸ”¦ flash

πŸ› οΈ Tech Stack

  • β€”Backend: Node.js + Express + Socket.IO
  • β€”Frontend: Vanilla JS + WebRTC + IndexedDB
  • β€”UI: Dark glassmorphism CSS

πŸ“ License

MIT