000
Home/솔루션/SITE CAM VIEWER
Solution

SITE CAM VIEWER

현장 CCTV 통합 뷰어

여러 현장 카메라의 영상을 한 화면에서 보는 웹 뷰어입니다. 발주처·홍보 페이지에 스크립트 한 줄로 연동해 공사 진행 상황을 보여 줄 수 있습니다.

현장 카메라 영상을 4분할 화면과 재생 타임라인으로 보여 주는 그림
Why

흩어진 현장 카메라를 한 화면에.

현장마다 카메라 장비와 보는 프로그램이 달라, 발주처나 방문자에게 현장을 보여 주려면 번거롭습니다. 현장 CCTV 통합 뷰어는 카메라 묶음과 화면 전환, 최대 4분할 동시 보기, 지난 영상과 타임랩스 재생, 고해상도 파노라마 확대·이동을 웹 화면 하나로 제공합니다. 별도 프로그램 설치 없이 브라우저에서 열리며, 기존 홈페이지에 연동하는 방식도 세 가지로 준비했습니다. 현재 화면과 조작은 완성되어 있고, 실제 카메라 연동은 도입하는 현장의 장비에 맞춰 구성합니다.

도입 효과
  • 프로그램 설치 없이 브라우저로 현장 확인
  • 공사 진행을 타임랩스로 한눈에
  • 키보드·화면 낭독기로도 조작 가능
  • 발주처·홍보 페이지에 바로 연동
Features

주요 기능

01

카메라 묶음 · 화면 전환

위치별 카메라 묶음과 각도별 화면을 탭으로 바꿔 봅니다.

02

멀티뷰

최대 4개 화면을 동시에 띄우고, 고른 화면을 크게 엽니다.

03

지난 영상 · 타임랩스

날짜와 시각을 골라 지난 영상을 보고 0.5~4배속으로 재생합니다.

04

파노라마 확대 · 이동

고해상도 파노라마를 끌어서 옮기고 휠·손가락으로 확대합니다.

05

웹 접근성

키보드만으로 모든 조작이 되고 화면 낭독기에 상태를 알려 줍니다.

06

연동 3방식

스크립트 한 줄, iframe, 직접 호출 중 맞는 방식으로 연동하고 연동 API로 상태를 주고받습니다.

How it works

동작 방식

현장 카메라와 녹화 장비의 영상을 웹에서 재생할 수 있는 스트림(HLS)으로 바꿔 전달하면, 뷰어가 카메라 묶음과 화면 구성을 설정 파일에서 읽어 한 화면에 보여 줍니다. 발주처나 홍보 페이지는 스크립트 한 줄로 뷰어를 연동하고, 필요하면 연동 API로 화면 전환을 직접 제어합니다. 카메라·녹화 장비 연동은 도입하는 현장의 장비에 맞춰 구성합니다.

현장 CCTV 통합 뷰어 동작 방식: 현장 카메라와 녹화 영상을 스트림으로 바꿔 뷰어에 보여 주고 발주처 페이지에 연동

그림을 누르면 크게 볼 수 있습니다.

JavaScript(ES2020)HTML5 Video · HLSFullscreen APIpostMessage 연동WAI-ARIA
Start a project

Let's build it.

프로젝트 문의하기 →
Emailhelp@megamost.co.kr
Location경기 수원, 대한민국
Webwww.megamost.co.kr
© 2026 MEGAMOST Inc. 메가모스트 주식회사개인정보처리방침
Effortless & Minimalist