Web Komponente Meet–Me

Überblick

Die "Meet Me"-Webkomponente ist eine "Click-to-Call"- oder "Click-to-Video"-Schaltfläche, die Sie in Ihre Website einbetten können, um Besuchern die Möglichkeit zu geben, einen Videoanruf mit Ihnen zu tätigen.

Meet Me kann in Websites und Tools von Drittanbietern integriert werden; Website-Besitzer veröffentlichen Meet Me-Links auf ihrer Website, Besucher klicken auf den Meet Me-Link, um sofort ein 1:1-Web-Meeting mit dem Website-Besitzer zu vereinbaren. Der Website-Besitzer wird benachrichtigt, dass ein Besucher auf ein Meting wartet und kann mit nur einem Klick an diesem Meeting teilnehmen.

Meet Me-Sitzungsanfragen werden in Meet Me-Warteschlangen gespeichert, die über die Web-Meeting-Plattform zugänglich sind. Jedes 1:1-Meeting wird als separates Meeting eingerichtet, so dass verschiedene Besucher einander nicht sehen und versehentlich Meetings beitreten können, die sie nicht betreten dürfen.

Glossar

Meet Me-Kanal

Ein Kanal ist definiert als 1 gleichzeitiges Meeting innerhalb einer Meeting-Warteschlange. Die Anzahl der Kanäle pro Meeting-Warteschlange definiert die maximale Anzahl der gleichzeitigen Meetings innerhalb einer Meet Me-Warteschlange. Meet Me-Kanäle werden nicht auf die Anzahl der einem Kunden zugewiesenen Standard-Meetingräume angerechnet.

Meet Me-Warteschlange

Eine Meet Me-Warteschlange wird durch einen eindeutigen Link zur Warteschlange dargestellt, welche auf der Kundenwebsite veröffentlicht werden kann. Dieser eindeutige Warteschlange-Link sieht ähnlich aus wie der folgende:

https://rooms.veeting.com/addons/meet-me/<ZUFÄLLIGE ZEICHENKETTE>

Für eine Meet-Me-Warteschlange ist mindestens ein Meet-Me-Kanal erforderlich. Der gleichen Meet-Me-Warteschlange können mehrere Kanäle zugewiesen werden.

Meet Me Agent

Ein Meet Me Agent ist ein Meeting-Organisator, der Zugriff auf mindestens eine Meet Me-Warteschlange hat. Alle Meet Me Agenten sind Meeting-Organisatoren desselben Kontos, aber nicht alle Meeting-Organisatoren sind Meet Me Agenten.

Kunde

Eine Firma mit einem Web-Meeting-Konto und mindestens einem aktiven Sitzungsraum.

Besucher

Jede Person, die mit dem Kunden in Kontakt treten möchte. Ein Besucher braucht kein Konto bei der Web-Meeting-Plattform.

Vorraussetzung

Meet Me kann nur für gültige Konten mit mindestens einem aktiven Sitzungsraum aktiviert werden. Fragen Sie unser Team, um Meet Me für Ihr Konto zu aktivieren.

Meet Me-Einrichtung

Sobald Meet Me für ein Konto aktiviert ist, erscheint ein neues Navigationsmenü "Meet Me" unter "Kontoeinstellungen". Kontoadministratoren können ihr eigenes Meet Me einrichten und konfigurieren

Die folgenden Eigenschaften können für jede Meet Me-Warteschlange konfiguriert werden:

1. Anzahl der Meet Me-Kanäle
   

   2. Meeting-Berechtigungen 
      

      3. Ob eine E-Mail-Adresse erforderlich ist, um dem Sitzungsraum beizutreten
         

         4. Liste der Sitzungsorganisatoren, die Zugriff auf die Warteschlange haben werden
            

Meet-Me-Warteschlange

Meet Me Warteschlangen sind Listen von Sitzungsanfragen, ähnlich wie "Zukünftige Sitzungen". Die Liste zeigt die aktuellen Sitzungsanfragen in der Reihenfolge an, in welcher sie eingegangen sind, zusammen mit dem genauen Zeitpunkt der Sitzungsanfrage. Meet Me-Agenten können dann die Sitzungsanfrage akzeptieren (oder ablehnen) und dem Raum beitreten.

Meet Me Warteraum

Besucher, die auf einen Meet Me-Link auf der Kundenwebsite klicken, werden zum Bildschirm "Meeting beitreten" weitergeleitet, wo sie ihren Namen eingeben und auf "Meeting beitreten" klicken. Anstatt direkt zum Sitzungsraum weitergeleitet zu werden, landen sie in einem Meet-Me-Warteraum, in dem sie die Anzahl der Personen sehen, die vor ihnen stehen und ebenfalls darauf warten, in eine Sitzung aufgenommen zu werden. Die Besucher haben die Wahl, zu warten, bis ein Meet Me-Agent der Sitzung beitritt, oder stattdessen eine Nachricht mit einer Kontaktanfrage zu hinterlassen.

Einbetten

Stellen Sie sicher, dass Sie die Javascript-Datei direkt aus Ihrer Web-Meeting-Instanz einbetten. Auf diese Weise verpassen Sie nie eine Aktualisierung.

<html>
<body>
  <!-- Einbinden der Webkomponente -->
  <ul>
    <li>
      <a class="meet-me"
        data-display-mode="window"
        data-connection-type="meeting"
        data-queue-id="604fa16281f2eb60f7463c92">
          Abteilung 1 (öffnet in einem neuem Fenster)
      </a>
    </li>
    <li>
      <a class="meet-me"
        data-display-mode="window"
        data-connection-type="meeting"
        data-queue-id="604fa07f81f2eb60f7463c91">
          Abteilung 2 (öffnet in einem neuem Fenster)
      </a>
    </li>
  </ul>

  <meet-me id="meet-me"
    api-host="https://<Web Meeting Domain Name>"
    participant-name="My name"
    participant-email="test@example.com"></meet-me>

  <script>
    const elem = document.getElementById("meet-me");
    elem.addEventListener("openend", () => {
      console.log("Meet-Me opened");
      elem.style.display = "block"
    });
    elem.addEventListener("closed", () => {
      console.log("Meet-Me closed");
      elem.style.display = "none";
    });
    elem.addEventListener("pickedUp", () => {
      setTimeout(() => {
        try {
            document.querySelector("#meet-me").shadowRoot.querySelector("modal-content > iframe").style.margin = 0;
        } catch (e) {
          // TODO
        }
      }, 500);
    });

    window.addEventListener("message", (event) => {
      console.log("Meet-Me closed (post message)", event.data);
      if (!event || !event.data) {
        return;
      }
      if (event.data.event === "meetingDurationUpdated" && event.data.payload.remainingSeconds === 0) {
        window.location.reload();
      } else if (event.data.event === "leave") {
        window.location.reload();
      }
    }, false);

  </script>    

  <!-- WebRTC Adapter für Browserkompatibilität -->
  <script type="text/javascript"
    src="https://webrtc.github.io/adapter/adapter-latest.js"></script>

  <!-- Code für die Webkomponente -->
  <script type="text/javascript"
    src="https://<Web Meeting Domain Name>/component/meet-me/elements.js"></script>

</body>
</html>

Attribute

Sie können HTML-Attribute verwenden, um Meet-Me zu konfigurieren. Einige Attribute sind obligatorisch, andere optional. In der folgenden Tabelle werden die verfügbaren Attribute beschrieben.