화면 공유를 통해 사용자에게 부가기능 홍보

화면 공유를 통해 부가기능을 홍보합니다.

이 페이지에서는 Google Meet으로 탭을 공유하는 동안 다른 웹페이지에 약간의 코드를 배치하여 사용자에게 부가기능을 홍보하는 방법을 설명합니다.

MeetAddonScreenshare.exposeToMeetWhenScreensharing 메서드를 사용하면 탭이 화면 공유될 때 사이트에서 Meet에 정보를 보낼 수 있습니다. 이 정보는 부가기능을 설치한 경우 사용자가 프레젠테이션 배너에서 '활동 시작'을 클릭할 때 Meet의 부가기능 환경에서 사용됩니다. 사용자가 탭을 화면을 공유할 때 부가기능을 설치하지 않은 경우 부가기능을 설치하라는 메시지가 표시됩니다.

AddonScreenshareInfo 객체에는 사용 사례에 따라 추가할 수 있는 5개의 필드가 포함되어 있습니다.

예: 기본 단계에서 로드

다음 코드 샘플에서 사용자는 다음 코드가 포함된 Meet의 웹페이지를 공유하는 사용자에게 부가기능을 실행하라는 메시지가 표시됩니다.

<script src="https://www.gstatic.com/meetjs/addons/0.1.0/meet.addons.screenshare.js"></script>
<script>
meet.addon.screensharing.exposeToMeetWhenScreensharing(
  {
    cloudProjectNumber: CLOUD_PROJECT_NUMBER,
    startActivityOnOpen: true,
    mainStageUrl: MAIN_STAGE_URL,
    additionalData: "{\"selected_item\": \"42\"}",
  }
);
</script>

다음을 바꿉니다.

  • CLOUD_PROJECT_NUMBER: 문자열. 클라우드 프로젝트 번호
  • MAIN_STAGE_URL: 문자열. 기본 단계의 URL입니다.

Meet 통화 화면에서 사용자가 페이지를 공유하면 Meet에 프레젠테이션 배너가 표시됩니다. 배너의 버튼을 클릭하면 기본 단계에서 지정된 클라우드 프로젝트 번호의 부가기능이 열립니다. AddonScreenshareInfo.mainStageUrl가 로드되고 AddonScreenshareInfo.additionalData는 부가기능의 공동작업 시작 상태를 설정하는 데 사용됩니다. 통화에 참여 중인 다른 사용자에게는 부가기능을 설치하거나 실행하라는 메시지가 즉시 표시됩니다.

예: 측면 패널에서 로드하기

다음 코드 샘플에서는 사용자 화면이 기본 단계가 아닌 측면 패널에서 시작하려는 부가기능이 있는 페이지를 공유합니다.

<script src="https://www.gstatic.com/meetjs/addons/0.1.0/meet.addons.screenshare.js"></script>
<script>
meet.addon.screensharing.exposeToMeetWhenScreensharing(
  {
    cloudProjectNumber: CLOUD_PROJECT_NUMBER,
    startActivityOnOpen: true,
    sidePanelUrl: SIDE_PANEL_URL,
    additionalData: "{\"selected_item\": \"42\"}",
  }
);
</script>

다음을 바꿉니다.

  • CLOUD_PROJECT_NUMBER: 문자열. 클라우드 프로젝트 번호
  • SIDE_PANEL_URL: 문자열. 측면 패널의 URL입니다.

Meet 통화 화면에서 사용자가 페이지를 공유하면 Meet에 프레젠테이션 배너가 표시됩니다. 배너의 버튼을 클릭하면 측면 패널에 지정된 클라우드 프로젝트 번호의 부가기능이 열립니다. AddonScreenshareInfo.sidePanelUrl가 로드되고 AddonScreenshareInfo.additionalData는 부가기능의 공동작업 시작 상태를 설정하는 데 사용됩니다. 통화에 참여 중인 다른 사용자에게는 부가기능을 설치하거나 실행하라는 메시지가 즉시 표시됩니다.

예: 공동작업을 시작하지 않고 측면 패널에 로드

다음 코드 샘플에서는 사용자 화면이 공동작업 활동을 시작하기 전에 리소스 권한을 조정해야 하는 부가기능이 있는 페이지를 공유합니다. 이러한 요구사항으로 인해 부가기능은 모든 사용자를 대상으로 공동작업을 시작하지 않고 측면 패널에서 시작해야 합니다.

<script src="https://www.gstatic.com/meetjs/addons/0.1.0/meet.addons.screenshare.js"></script>
<script>
meet.addon.screensharing.exposeToMeetWhenScreensharing(
  {
    cloudProjectNumber: CLOUD_PROJECT_NUMBER,
    startActivityOnOpen: false,
    sidePanelUrl: SIDE_PANEL_URL,
  }
);
</script>

다음을 바꿉니다.

  • CLOUD_PROJECT_NUMBER: 문자열. 클라우드 프로젝트 번호
  • SIDE_PANEL_URL: 문자열. 측면 패널의 URL입니다.

Meet 통화 화면에서 사용자가 페이지를 공유하면 Meet에 프레젠테이션 배너가 표시됩니다. 배너의 버튼을 클릭하면 측면 패널에 지정된 클라우드 프로젝트 번호의 부가기능이 열립니다. AddonScreenshareInfo.startActivityOnOpen가 false로 설정되었으므로 CollaborationStartingState가 설정될 때까지 활동 시작 버튼이 사용 중지됩니다. 자세한 내용은 공동작업 시작 상태 사용을 참고하세요.

활동이 시작되면 호출 중인 다른 사용자에게 부가기능을 실행하거나 설치하라는 메시지가 표시됩니다.

출처 일치

AddonScreenshareInfo.mainStageUrl 및 AddonScreenshareInfo.sidePanelUrl에서 제공된 출처는 제공된 클라우드 프로젝트 번호의 부가기능 매니페스트에 있는 출처와 비교됩니다. 모든 항목이 일치하면 사용자가 부가기능을 실행할 수 있습니다.

또한 화면 공유를 시작하는 사이트의 출처가 부가기능 매니페스트의 addOnOrigins 필드에 표시되어야 합니다.

자세한 내용은 부가기능 보안을 참고하세요.