개발 조건
화재 알림이 발생하면 감지 장비의 위치를 파악하고, 해당 현장의 CCTV 영상을 빠르게 확인해야 했습니다.
tigerenergy김기운 · 프론트엔드 개발자tigerenergy김기운 · 프론트엔드 개발자IoT 관제 · 영상 스트리밍
AllLight IoT Monitoring
화재 감지 이벤트 알림과 CCTV 스트리밍을 연결하는 웹 관제 화면을 개발했습니다. 프론트엔드와 Next.js 기반 API·데이터 처리 로직을 맡았습니다.
화재 감지 이벤트의 웹 알림과 사운드 처리 구현
HLS 기반 CCTV 영상 스트리밍 화면 개발
이벤트 상태와 현장 영상을 연결하는 관제 UI 구성
Next.js 기반 API와 데이터 처리 로직 구현
화재 감지 알림과 CCTV 영상을 함께 확인하는 웹 관제 화면입니다.
화재 알림이 발생하면 감지 장비의 위치를 파악하고, 해당 현장의 CCTV 영상을 빠르게 확인해야 했습니다.
이벤트가 발생하면 화면과 소리로 알리고, 알림 목록에서 HLS CCTV 영상을 바로 열 수 있게 했습니다. 필요한 데이터 처리 API도 함께 구현했습니다.
운영자가 화재 알림과 현장 영상을 같은 화면에서 확인할 수 있게 됐습니다.