이 페이지에서는 사용자에게 부가기능을 홍보하는 방법을 설명합니다. 소량의 코드를 배치하여 Google Meet으로 탭을 화면 공유 확인할 수 있습니다
이
exposeToMeetWhenScreensharing()
방법을 사용하면 사이트에서 Meet에 정보를 전송할 수 있습니다.
탭 간에 화면 공유가 가능합니다. 이 정보는
Meet의 부가기능 환경을
사용자가 "활동 시작"을 클릭 프레젠테이션 배너에서
부가기능이 설치되었습니다. 사용자가 탭을 화면 공유할 때 부가기능이 설치되어 있지 않으면 부가기능을 설치하라는 메시지가 표시됩니다.
AddonScreenshareInfo 객체에는 사용 사례에 따라 추가할 수 있는 5가지 속성이 포함되어 있습니다.
additionalData: 부가기능이 자체적으로 초기화하는 데 사용할 수 있는 정보입니다.startActivityOnOpen속성이 true이고ActivityStartingState를 사용하여 액세스할 수 있는 경우에만 설정할 수 있습니다. 자세한 내용은 활동 시작 상태가 될 수 있습니다.cloudProjectNumber: 필수 항목입니다. Google Cloud 프로젝트의 프로젝트 번호입니다.mainStageUrl: 부가기능이 시작되면 기본 스테이지가 열리는 URL입니다(예:https://www.example.com). URL은 origin을 부가기능 매니페스트에 있습니다.sidePanelUrl: 부가기능이 실행되면 측면 패널이 열리는 URL입니다. 시작(예:https://www.example.com) URL은 origin을 부가기능 매니페스트에 있습니다.startActivityOnOpen: 필수 항목입니다. 사용자가 프레젠테이션 배너에서 부가기능을 시작하면 Meet에서 활동 부가기능 환경을 즉시 시작할지 여부입니다.mainStageUrl속성이 사용되는 경우 true여야 합니다.
SDK 설치 및 가져오기
npm 또는 gstatic을 사용하여 SDK에 액세스할 수 있습니다.
npm(권장)
프로젝트에서 npm을 사용하는 경우 부가기능 SDK npm 패키지 소개
먼저 npm 패키지를 설치합니다.
npm install @googleworkspace/meet-addons
그런 다음
MeetAddonScreenshareExport
인터페이스에 추가되었습니다.
import {meet} from '@googleworkspace/meet-addons/meet.addons.screenshare';
TypeScript 사용자의 경우 TypeScript 정의가 모듈과 함께 패키징됩니다.
gstatic
Google Meet 부가기능 SDK는
정적 콘텐츠를 제공하는 도메인인 gstatic의 JavaScript 번들
Meet 부가기능 SDK를 사용하려면 다음 스크립트 태그를 앱:
<script src="https://www.gstatic.com/meetjs/addons/1.1.0/meet.addons.screenshare.js"></script>
Meet 부가기능 SDK는 window.meet.addon의 MeetAddon 인터페이스를 통해 사용할 수 있습니다.
예: 활동을 시작하지 않고 측면 패널에 로드
다음 코드 샘플에서 사용자 화면은 활동을 시작하기 전에 리소스 권한을 조정해야 하는 부가기능과 페이지를 공유합니다. 이러한 요구사항으로 인해 부가기능은 측면 패널에서 시작되어야 하며 하고 있습니다.
<script>
meet.addon.screensharing.exposeToMeetWhenScreensharing(
{
cloudProjectNumber: CLOUD_PROJECT_NUMBER,
startActivityOnOpen: false,
sidePanelUrl: SIDE_PANEL_URL,
}
);
</script>
다음을 바꿉니다.
- CLOUD_PROJECT_NUMBER: 문자열. Cloud 프로젝트의 프로젝트 번호입니다.
- SIDE_PANEL_URL: 문자열. 측면 패널의 URL입니다.
Meet 통화 화면의 사용자가 페이지를 공유하면 Meet에 프레젠테이션 배너가 표시됩니다. 배너의 버튼을 클릭하면
주어진 클라우드 프로젝트 번호의 부가기능을
할 수 있습니다. 이
startActivityOnOpen
속성을 false로 설정하면
ActivityStartingState이 설정되었습니다. 자세한 내용은 활동 사용
시작 상태가 될 수 있습니다.
활동이 시작되면 통화에 참여한 다른 사용자에게 부가기능을 실행하거나 설치하라는 메시지가 표시됩니다.
GitHub의 '애니메이션' 샘플 부가기능에는 전체 부가기능의 일부로 이 예가 포함되어 있습니다. 부가기능과 연결된 웹 앱의 색인 페이지가 표시되면 프레젠터 사용자에게 부가기능을 설치하거나 설정하라는 메시지가 표시됩니다.
예: 기본 단계에서 로드
다음 코드 샘플에서 Meet에서 다음 코드가 포함된 웹페이지를 화면 공유하는 사용자에게 부가기능을 실행하라는 메시지가 표시됩니다.
<script>
meet.addon.screensharing.exposeToMeetWhenScreensharing(
{
cloudProjectNumber: CLOUD_PROJECT_NUMBER,
startActivityOnOpen: true,
mainStageUrl: MAIN_STAGE_URL,
additionalData: "{\"selected_item\": \"42\"}",
}
);
</script>
다음을 바꿉니다.
- CLOUD_PROJECT_NUMBER: 문자열. Google Cloud 프로젝트의 프로젝트 번호입니다.
- MAIN_STAGE_URL: 문자열입니다. 기본 단계의 URL입니다.
Meet 통화 화면에서 사용자가 페이지를 공유하면
Meet의 프레젠테이션 배너입니다. 배너의 버튼을 클릭하면
주어진 클라우드 프로젝트 번호의 부가기능을
중요한 단계입니다. mainStageUrl 속성이 로드되고 additionalData 속성은 부가기능의 활동 시작 상태를 설정하는 데 사용됩니다. 통화에 참여 중인 다른 사용자:
즉시 부가기능을 설치하거나 시작하라는 메시지가 표시됩니다.
예: 측면 패널에 로드
다음 코드 샘플에서 사용자 화면은 기본 스테이지가 아닌 측면 패널에서 시작하려는 부가기능과 페이지를 공유합니다.
<script>
meet.addon.screensharing.exposeToMeetWhenScreensharing(
{
cloudProjectNumber: CLOUD_PROJECT_NUMBER,
startActivityOnOpen: true,
sidePanelUrl: SIDE_PANEL_URL,
additionalData: "{\"selected_item\": \"42\"}",
}
);
</script>
다음을 바꿉니다.
- CLOUD_PROJECT_NUMBER: 문자열. Cloud 프로젝트의 프로젝트 번호입니다.
- SIDE_PANEL_URL: 문자열. 측면 패널의 URL입니다.
Meet 통화 화면에서 사용자가 페이지를 공유하면
Meet의 프레젠테이션 배너입니다. 배너의 버튼을 클릭하면
주어진 클라우드 프로젝트 번호의 부가기능을
할 수 있습니다. sidePanelUrl 속성이 로드되고 additionalData 속성은 부가기능의 활동 시작 상태를 설정하는 데 사용됩니다. 통화에 참여 중인 다른 사용자:
즉시 부가기능을 설치하거나 시작하라는 메시지가 표시됩니다.
출처 일치
아래의 origins는
mainStageUrl
속성 및
sidePanelUrl
속성이 부가기능의 출처와 비교됩니다.
매니페스트를 제출할 수 있습니다. 모든 항목이 일치하면 사용자는
모든 사용자가 부가기능을 실행할 수 있습니다
또한 화면 공유를 시작한 사이트의 출처를 명시해야 합니다.
부가기능의 addOnOrigins 필드
매니페스트를 참조하세요.
자세한 내용은 부가기능을 참조하세요. 보안을 참조하세요.