웹사이트에 카메라의 라이브 스트림을 삽입하는 방법 알아보기
Verkada 카메라를 사용하면 웹사이트에 카메라의 실시간 스트림을 삽입할 수 있습니다. 임베드는 모든 웹페이지와 호환되는 인라인 프레임(iframe) 코드 스니펫입니다.
임베드가 생성되면 언제든지 액세스 권한을 취소할 수 있습니다.
Verkada Command에서 모든 제품 > 카메라로 이동합니다.
웹사이트에 임베드하려는 카메라 피드로 이동합니다.
프레임 오른쪽에서 공유를 클릭합니다.
동영상 공유 약관을 읽어보세요. 동의하면 다음을 클릭합니다. 동의합니다.
왼쪽 하단에서 다음을 클릭합니다. 추가 옵션 > 임베드 코드.
동영상을 재생하도록 허용할 도메인을 입력합니다.
다음을 클릭합니다. 임베드 링크 > 완료.
링크가 자동으로 클립보드에 추가됩니다.
와일드카드가 허용됩니다(예: *.yourdomain.com). 도메인이 yourdomain.com이면 앞의 와일드카드가 필요 없으며 단순히 다음을 사용할 수 있습니다. yourdomain.com하지만 도메인이 yoursubdomain.yourdomain.com이면 와일드카드를 사용하여 하위 도메인을 지정할 수 있습니다.
Verkada Command에서 모든 제품 > 관리자로 이동합니다.
로그인 및 액세스 > 공유 링크 관리를 선택합니다.
임베드 탭을 선택합니다.
링크의 오른쪽에서:
다음을 클릭합니다. 임베드 코드를 생성하려면.
다음을 클릭합니다. 임베드를 취소하려면.
임베드된 카메라 피드는 너비, 높이 및 와이드스크린 속성을 조정하여 웹페이지에서 크기를 변경할 수 있습니다.
임베드 크기를 조정할 때는 아래와 같이 너비 대비 높이 비율을 동일하게 유지해야 합니다.
임베드를 와이드스크린으로 표시하려면 URL의 ?widescreen=1 매개변수를 사용합니다. 아래 예시와 같습니다:
왼쪽의 임베드는 표준이며, 오른쪽의 임베드에는 widescreen=1 쿼리 매개변수가 있습니다:
사용자가 Verkada에 임베드된 실시간 스트림이 포함된 웹페이지를 로드하면 페이지는 iframe에서 임베드 URL을 불러옵니다.
참조 웹사이트가 임베드를 생성할 때 지정한 도메인 이름과 일치하지 않으면 인라인 프레임(iframe)이 검은 화면으로 표시됩니다.
참조 웹사이트 찾기 그래서 임베드를 생성할 때 일치하는 도메인 이름을 지정할 수 있습니다.
새 임베드를 웹사이트에 배치합니다.
임베드를 배치한 웹페이지에서 브라우저를 마우스 오른쪽 버튼으로 클릭하고 검사를 선택합니다. 임베드가 로드되지 않으므로 검은 화면이 표시됩니다.
상단에서 네트워크를 클릭합니다.
검색/필터 표시줄에 "embed"를 입력합니다(임베드 관련 요청을 필터링하려면).
예시와 유사한 형식이어야 하는 영숫자 ID가 있는 요청을 클릭합니다.
요청 헤더 섹션에서 Referrer URL을 찾습니다. 이것이 Verkada Command에 입력해야 하는 URL/도메인입니다. (.com과 같은 최상위 도메인까지만 필요합니다. 예시에서 참조 도메인은 verkadasupport.com입니다.)
즉시 embed.html가 보이지 않으면 새로 고침 을 클릭하여 페이지를 다시 로드합니다.
Verkada Command에서 모든 제품 > 카메라로 이동합니다.
카메라를 선택하고 공유를 클릭합니다.
추가 옵션 > 임베드 코드를 클릭하고 참조 도메인을 입력합니다.
임베드 링크를 클릭합니다.
이전 절차에서 방금 만든 새 임베드 링크를 복사합니다.
사이트의 관리자 포털로 이동합니다.
임베드가 사이트에 표시되길 원하는 위치에 HTML 임베드 iframe을 붙여넣습니다.
저장하고 사이트를 열어 정상적으로 작동하는지 확인합니다.
마지막 업데이트
도움이 되었나요?
도움이 되었나요?
