Web Komponente Kaffeetisch

Überblick

Die "Coffee Table"-Webkomponente bringt den reinen Video-Chat in Ihre Anwendung. Bis zu 12 Video-Teilnehmer können sich an denselben Kaffeetisch setzen, um einen Gruppen-Video-Chat zu führen.

Coffee Table

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 -->
  <coffee-table api-host="https://<Web Meeting Domain Name>"
    participant-name="Joe Doe"
    meeting-id="3973-0113-4384-0768"
    css-url="https://<URL to an external CSS file, optional>"></coffee-table>

  <!-- 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/coffee-table/elements.js"></script>

</body>
</html>

Attribute

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

AttributnameObligatorisch?Beschreibung
api-hostJaDer Domänenname Ihrer Web-Meeting-Instanz, zum Beispiel https://rooms.veeting.com
Teilnehmer-NameJaDer Name des Teilnehmers. Wenn Sie den Namen nicht kennen, können Sie einen Platzhalter wie "Anonymous" verwenden.
participant-emailNoDie E-Mail-Adresse des Teilnehmers.
meeting-idYesDie ID der Sitzung, mit der sich die Komponente verbinden soll.
css-urlNeinEine optionale URL zu einer CSS-Datei. Sie können die internen Stile mit Ihren eigenen Stilen überschreiben

Stilisierung

Webkomponenten nutzen die Vorteile der Shadow-Dom-Funktion. Das bedeutet, dass die Stile Ihrer Website nicht automatisch auf die Stile der Webkomponente angewendet werden. Sie können jedoch eine benutzerdefinierte CSS-URL als Attribut übergeben. Dieses CSS wird dann auf die Webkomponente angewendet.

Manipulieren

Verwenden Sie unsere Javascript-APIs, um mit der Webkomponente zu interagieren, z. B. für die Auswahl von Mediengeräten, das Verlassen und Wiederaufnehmen der Sitzung usw.

Sind Sie nicht sicher, wie Sie Ihr Projekt am Besten umsetzen sollen?

Sprechen Sie mit unserem Team über Ihre Pläne.