Ekran paylaşımı aracılığıyla bir eklentiyi kullanıcılara tanıtma

Ekrandan eklenti tanıtımı paylaşım.

Bu sayfada, bir eklentinin kullanıcılara nasıl tanıtılacağı açıklanmaktadır. Google Meet ile ekran paylaşımı sırasında küçük miktarda kod yerleştirerek başka bir web sayfasında görebilirsiniz.

İlgili içeriği oluşturmak için kullanılan exposeToMeetWhenScreensharing() yöntemi, sitenin Meet'e bilgi göndermesine olanak tanır . Bu bilgiler, Meet'teki eklenti deneyimini Kullanıcı "Etkinliği başlat"ı tıklar ekranda içeriği varsa yüklü olduğundan emin olun. Kullanıcı bir sekme paylaşımında bulunduğunda, eklentiyi yüklemeniz istenir.

İlgili içeriği oluşturmak için kullanılan AddonScreenshareInfo nesne, kullanım alanına göre eklenebilecek beş özellik içerir:

  • additionalData: Eklentinin kendini başlatmak için kullanabileceği bilgiler. Teneke Kutu yalnızca startActivityOnOpen özelliği doğruysa ve ActivityStartingState Daha fazla bilgi için Etkinliği, durum.

  • cloudProjectNumber: Zorunlu. Google Cloud projenizin proje numarası.

  • mainStageUrl: Eklenti yüklendikten sonra ana aşamanın açılacağı URL (ör. https://www.example.com) başlar. URL, origin olacak şekilde manifest dosyasıdır.

  • sidePanelUrl: Eklenti yüklendikten sonra yan panelin açtığı URL (ör. https://www.example.com) başlar. URL, origin olacak şekilde manifest dosyasıdır.

  • startActivityOnOpen: Zorunlu. Etkinlik eklentisinin başlatılıp başlatılmayacağı kullanıcı Meet'te uygulamayı kullanmaya başladıktan hemen sonra simgesini tıklayın. mainStageUrl özelliği kullanılıyorsa doğru olmalıdır.

Örnek: Ana ekranda yükleme

Aşağıdaki kod örneğinde, Meet'te aşağıdaki kodu içeren bir web sayfasını ekranı paylaşan kullanıcıdan eklentiyi başlatması istenir:

<script src="https://www.gstatic.com/meetjs/addons/1.0.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>

Aşağıdakini değiştirin:

  • CLOUD_PROJECT_NUMBER: Dize. Proje numarası: Google Cloud projesi.
  • MAIN_STAGE_URL: Dize. Ana sahnenin URL'si.

Meet görüşmesi ekranındaki kullanıcı sayfayı paylaştığında Meet'teki sunu banner'ı. Banner'daki düğmeyi tıklayarak belirtilen bulut projesi numarası için eklentiyi açılır. en önemli şeydir. mainStageUrl özelliği yüklenir ve eklentinin etkinlik başlangıç durumunu ayarlamak için additionalData özelliği kullanılır. Görüşmedeki diğer kullanıcılardan hemen eklentiyi yüklemeleri veya başlatmaları istenir.

Örnek: Yan panelde yükleme

Aşağıdaki kod örneğinde, kullanıcı ekranında ana sahne yerine yan panelde başlamak isteyen bir eklentinin bulunduğu bir sayfa paylaşılmaktadır:

<script src="https://www.gstatic.com/meetjs/addons/1.0.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>

Aşağıdakini değiştirin:

  • CLOUD_PROJECT_NUMBER: Dize. Cloud projenizin proje numarası.
  • SIDE_PANEL_URL: Dize. Yan panelin URL'si.

Meet görüşmesi ekranındaki kullanıcı sayfayı paylaştığında Meet'teki sunu banner'ı. Banner'daki düğmeyi tıklayarak belirtilen bulut projesi numarası için eklentiyi açılır. yan paneli açın. sidePanelUrl özelliği yüklenir ve additionalData özelliği, başlayacak etkinliği ayarlamak için kullanılır durumu gösterir. Görüşmedeki diğer kullanıcılar eklentiyi hemen yüklemenizi veya başlatmanızı ister.

Örnek: Etkinlik başlatmadan yan panele yükleme

Aşağıdaki kod örneğinde bir kullanıcı ekranı, başlamadan önce kaynak izinlerini ayarlaması gereken etkinlik başlatılabilir. Bu şarttan dolayı, eklentisi, yan panelde, bir etkinlik olduğunu varsayalım.

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

Aşağıdakini değiştirin:

  • CLOUD_PROJECT_NUMBER: Dize. Cloud projenizin proje numarası.
  • SIDE_PANEL_URL: Dize. Yan panelin URL'si.

Meet görüşmesi ekranındaki kullanıcı sayfayı paylaştığı zaman Meet'te bir sunu banner'ı görür. Banner'daki düğmeyi tıkladığınızda, yan panelde ilgili bulut projesi numarasının eklentisi açılır. startActivityOnOpen özelliği false olarak ayarlandığında, etkinliği başlatma düğmesi ActivityStartingState ayarlandı. Daha fazla bilgi için Etkinliği kullanma başlangıç durumunu ekleyebilirsiniz.

Etkinlik başladıktan sonra, görüşmedeki diğer kullanıcılardan veya yüklemeyi etkinleştirmeniz gerekir.

Kaynak eşleştirme

Şurada sağlanan kaynaklar: mainStageUrl ve sidePanelUrl özellikleri, eklentideki kaynaklarla karşılaştırıldığında manifestosunu oluşturun. Her şey eşleşiyorsa kullanıcı eklentisini başlatmasına izin verilir.

Ayrıca, ekran paylaşımını başlatan sitenin kaynağı, eklenti manifest dosyasında addOnOrigins alanında listelenmelidir.

Daha fazla bilgi için Eklenti güvenlik.