IP 카메라 예제

예제

예제: IP 카메라 스트림

IP 카메라 스트림을 이해하기 위해 다음 예제를 따라하세요.

설정

예제를 위해 다음과 같은 설정이 필요합니다.

프로젝트 설정

1. IP 카메라 스트림 오브젝트를 추가합니다.

   • Canvas 프로젝트를 열고 카메라 피드를 표시할 페이지로 이동하세요.
   • 삽입 > IP 카메라 스트림에서 IP 카메라 스트림 오브젝트를 페이지로 드래그하세요.

   

   

IP 카메라 스트림 설정

2. 기본 속성 설정

   • 오브젝트에 "Port Cam"과 같이 내용을 잘 설명할 수 있는 이름을 부여합니다.
   • 카메라의 URL을 예시와 같은 형식(예 : http://173.13.181.58/axis-cgi/mjpg/video.cgi)으로 입력합니다..
   • 인증이 필요한 경우, 사용자 이름과 비밀번호를 제공합니다.
   • 드롭다운 메뉴에서 MJPEG와 같은 올바른 스트림 종류를 선택합니다.

   

3. 형태 및 위치 조정

   • 형태 탭에서 출몰 및 투명도와 같은 옵션을 설정하세요.
   • 위치 탭에서 X, Y 좌표, 너비, 높이를 정의하여 오브젝트가 화면의 어디에, 어떻게 표시될지 설정하세요.

프로젝트 실행

1. 도구 > 온라인 시뮬레이터 실행을 클릭하여 Canvas 온라인 시뮬레이터를 실행합니다.

2. 실시간 동영상이 올바르게 표시되는지 확인하기 위해 IP 카메라 오브젝트가 있는 페이지로 이동합니다.