웹사이트에 카메라 실시간 스트림 삽입
웹사이트에 카메라 실시간 스트림을 삽입하는 방법을 알아보세요
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을 붙여넣습니다.
저장한 다음 사이트를 열어 제대로 작동하는지 확인합니다.
마지막 업데이트
도움이 되었나요?