웹사이트에 카메라의 라이브 스트림 삽입

웹사이트에 카메라의 라이브 스트림을 삽입하는 방법을 알아보세요

Verkada 카메라를 사용하면 웹사이트에 카메라의 라이브 스트림을 삽입할 수 있습니다. 삽입 코드는 모든 웹페이지와 호환되는 인라인 프레임(iframe) 코드 조각입니다.

임베드를 생성한 후에는 언제든지 액세스를 취소할 수 있습니다.

임베드 링크 만들기

Verkada Command에서 전체 제품 > 카메라로 이동합니다.

웹사이트에 임베드하려는 카메라 피드로 이동합니다.

프레임 오른쪽에서 공유를 클릭합니다.

비디오 공유 약관을 읽으십시오. 동의하면 동의합니다.
왼쪽 아래에서 추가 옵션 > 임베드 코드.
비디오 재생을 승인하려는 도메인(들)을 입력합니다.
클릭 임베드 링크 > 완료.

링크가 자동으로 클립보드에 추가됩니다.

와일드카드가 허용됩니다(예: *.yourdomain.com). 도메인이 yourdomain.com이라면 앞의 와일드카드는 필요 없으며, 간단히 yourdomain.com를 사용할 수 있습니다. 그러나 도메인이 yoursubdomain.yourdomain.com이라면 와일드카드를 사용하여 하위 도메인을 지정할 수 있습니다.

기존 임베드 링크 관리

Verkada Command에서 전체 제품 > 관리자(Admin)로 이동합니다.

로그인 및 액세스 > 공유 링크 관리를 선택합니다.

임베디드 탭을 선택합니다.

링크의 오른쪽에서:

클릭 임베드 코드를 복사하려면.
클릭 임베드를 취소하려면.

임베디드 비디오 스트림 크기 조정

임베디드 카메라 피드는 너비, 높이 및 와이드스크린 속성을 조정하여 웹페이지에서 크기를 변경할 수 있습니다.

임베드를 크기 조정할 때는 아래와 같이 너비와 높이의 비율을 동일하게 유지해야 합니다.

임베드를 와이드스크린으로 표시

임베드를 와이드스크린으로 표시하려면 ?widescreen=1 URL의 매개변수를 사용합니다. 아래와 같이:

왼쪽의 임베드는 표준이며, 오른쪽의 임베드에는 widescreen=1 쿼리 매개변수가 있습니다:

사용자가 Verkada 임베드 라이브 스트림이 포함된 웹페이지를 로드하면 페이지가 iframe에서 임베드 URL을 로드합니다.

참조 웹사이트가 임베드를 생성할 때 지정된 도메인 이름과 일치하지 않으면 인라인 프레임(iframe)이 검은 화면으로 표시됩니다.

로드되지 않는 임베드 해결

참조 웹사이트 찾기 임베드를 생성할 때 일치하는 도메인 이름을 지정할 수 있도록.

올바른 도메인 이름으로 임베드 다시 생성.

새 임베드를 웹사이트에 배치합니다.

참조 웹사이트 찾기

임베드를 배치한 웹페이지에서 브라우저를 마우스 오른쪽 버튼으로 클릭하고 검사를 선택합니다. 임베드가 로드되지 않으므로 검은 화면이 표시됩니다.

상단에서 네트워크를 클릭합니다.

검색/필터 표시줄에 "embed"를 입력합니다(임베드 관련 요청을 필터링하기 위해.

영숫자 ID가 있는 요청을 클릭합니다. 아래에 표시된 예와 비슷한 형식이어야 합니다.

요청 헤더 섹션에서 Referrer URL을 찾습니다. 이것이 Verkada Command에 입력해야 하는 URL/도메인입니다. (최상위 도메인까지만 필요하며, .com과 같은 형식입니다. 예에서 참조 도메인은 verkadasupport.com입니다.)

바로 embed.html, 클릭 새로고침 페이지를 다시 로드합니다.

올바른 도메인 이름으로 임베드 다시 생성

Verkada Command에서 전체 제품 > 카메라로 이동합니다.

카메라를 선택하고 공유를 클릭합니다.

추가 옵션 > 임베드 코드를 클릭하고 참조 도메인을 입력합니다.

임베드 링크를 클릭합니다.

새 임베드를 웹사이트에 배치

방금 이전 절차에서 만든 새 임베드 링크를 복사합니다.

사이트의 관리자 포털로 이동합니다.

사이트에서 임베드를 배치할 위치에 HTML 임베드 iframe을 붙여넣습니다.

저장하고 사이트를 열어 제대로 작동하는지 확인합니다.

마지막 업데이트 5개월 전

도움이 되었나요?