# 웹사이트에 카메라 라이브 스트림 삽입하기
Verkada 카메라를 사용하면 웹사이트에 카메라의 라이브 스트림을 삽입할 수 있습니다. 이 임베드는 모든 웹페이지와 호환되는 인라인 프레임(iframe) 코드 조각입니다.
{% hint style="warning" %}
임베드가 생성되면 언제든지 접근 권한을 취소할 수 있습니다.
{% endhint %}
***
## 임베드 링크 만들기
{% stepper %}
{% step %}
**Verkada Command에서 모든 제품 > 카메라로 이동합니다.**
{% endstep %}
{% step %}
**웹사이트에 삽입하려는 카메라 피드로 이동합니다.**
{% endstep %}
{% step %}
**프레임 오른쪽에서 공유를 클릭합니다.**
{% endstep %}
{% step %}
**더 많은 옵션을 클릭한 다음 임베드 코드를 선택합니다.**
{% endstep %}
{% step %}
**비디오 재생을 승인할 도메인(들)을 입력합니다.**
{% endstep %}
{% step %}
**도메인 추가 > 임베드 링크를 클릭하여 임베드 코드를 생성합니다(클립보드에 자동으로 추가됨).**
{% endstep %}
{% endstepper %}
{% hint style="warning" %}
와일드카드가 허용됩니다(예: *\*.yourdomain.com*). 도메인이 *yourdomain.com*인 경우 앞의 와일드카드는 필요하지 않으며 다음을 그냥 사용할 수 있습니다. *yourdomain.com*. 하지만 도메인이 *yoursubdomain.yourdomain.com*인 경우 와일드카드를 사용해 하위 도메인을 지정할 수 있습니다.
{% endhint %}
***
## 기존 임베드 링크 관리
{% stepper %}
{% step %}
**Verkada Command에서 모든 제품 > 관리자로 이동합니다.**
{% endstep %}
{% step %}
**조직 설정 아래에서 공유 링크 관리 선택합니다.**
{% endstep %}
{% step %}
**임베드 탭을 선택합니다.**
{% endstep %}
{% step %}
**도메인을 선택하고 임베드 코드 복사 아이콘을 클릭하여 임베드 코드를 복사하거나, 임베드 취소를 클릭하여 임베드 접근을 취소합니다.**
{% endstep %}
{% endstepper %}
***
## 임베드된 비디오 스트림 크기 조정
임베드된 카메라 피드는 너비, 높이 및 와이드스크린 속성을 조정하여 웹페이지에서 크기를 변경할 수 있습니다.
{% hint style="warning" %}
임베드의 크기를 조정할 때는 아래와 같이 너비와 높이 비율을 동일하게 유지해야 합니다.
{% endhint %}
***
## 임베드를 와이드스크린으로 표시
임베드를 와이드스크린으로 표시하려면 URL에 **`?widescreen=1`** 매개변수를 사용합니다. 아래 예시를 참조하세요:
왼쪽의 임베드는 표준이며, 오른쪽의 임베드에는 **`widescreen=1`** 쿼리 매개변수가 있습니다:
***
사용자가 Verkada 임베드 라이브 스트림이 포함된 웹페이지를 열면, 페이지는 iframe 안에서 임베드 URL을 로드합니다.
{% hint style="warning" %}
참조한 웹사이트가 임베드 생성 시 지정한 도메인 이름과 일치하지 않으면 인라인 프레임(iframe)은 검은 화면으로 표시됩니다.
{% endhint %}
***
## 로드되지 않는 임베드 해결
{% stepper %}
{% step %}
[**참조 웹사이트 찾기**](#find-the-referring-website) **하여 임베드를 생성할 때 일치하는 도메인 이름을 지정할 수 있습니다.**
{% endstep %}
{% step %}
[**올바른 도메인 이름으로 임베드를 다시 생성**](#recreate-the-embed-using-the-correct-domain-name)**.**
{% endstep %}
{% step %}
**새 임베드를 웹사이트에 배치합니다.**
{% endstep %}
{% endstepper %}
### 참조 웹사이트 찾기
{% stepper %}
{% step %}
**임베드를 배치한 웹페이지에서 브라우저를 마우스 오른쪽 버튼으로 클릭한 다음 검사를 선택합니다. 임베드가 로드되지 않으므로 검은 화면이 표시됩니다.**
{% endstep %}
{% step %}
**상단에서 네트워크를 클릭합니다.**
{% endstep %}
{% step %}
**검색/필터 바에 embed를 입력합니다(임베드 관련 요청 필터링).**
{% endstep %}
{% step %}
**아래 예시와 비슷한 형식의 영숫자 ID가 있는 요청을 클릭합니다.**
{% endstep %}
{% step %}
**요청 헤더 섹션에서 Referrer URL을 찾습니다. 이것이 Verkada Command에 입력해야 하는 URL/도메인입니다. (최상위 도메인, 예: .com까지만 있으면 됩니다. 예시에서는 참조 도메인이 verkadasupport.com입니다.)**
{% endstep %}
{% endstepper %}
{% hint style="warning" %}
즉시 **embed.html**이 보이지 않으면 **새로고침** 을 클릭하여 페이지를 다시 로드합니다.
{% endhint %}
### 올바른 도메인 이름으로 임베드를 다시 생성
{% stepper %}
{% step %}
**Verkada Command에서 모든 제품 > 카메라로 이동합니다.**
{% endstep %}
{% step %}
**카메라를 선택한 다음 공유를 클릭합니다.**
{% endstep %}
{% step %}
**더 많은 옵션 > 임베드 코드 클릭을 선택한 다음 참조 도메인을 입력합니다.**
{% endstep %}
{% step %}
**임베드 링크를 클릭합니다.**
{% endstep %}
{% endstepper %}
### 새 임베드를 웹사이트에 배치
{% stepper %}
{% step %}
**이전에 절차에서 방금 생성한 새 임베드 링크를 복사합니다.**
{% endstep %}
{% step %}
**사이트의 관리자 포털로 이동합니다.**
{% endstep %}
{% step %}
**사이트에서 임베드가 표시되길 원하는 위치에 HTML 임베드 iframe을 붙여넣습니다.**
{% endstep %}
{% step %}
**저장한 다음 사이트를 열어 제대로 작동하는지 확인합니다.**
{% endstep %}
{% endstepper %}
