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.
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>
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.
Attributname | Obligatorisch? | Beschreibung |
---|---|---|
api-host | Ja | Der Domänenname Ihrer Web-Meeting-Instanz, zum Beispiel https://rooms.veeting.com |
Teilnehmer-Name | Ja | Der Name des Teilnehmers. Wenn Sie den Namen nicht kennen, können Sie einen Platzhalter wie "Anonymous" verwenden. |
participant-email | No | Die E-Mail-Adresse des Teilnehmers. |
meeting-id | Yes | Die ID der Sitzung, mit der sich die Komponente verbinden soll. |
css-url | Nein | Eine optionale URL zu einer CSS-Datei. Sie können die internen Stile mit Ihren eigenen Stilen überschreiben |
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.
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.
Sprechen Sie mit unserem Team über Ihre Pläne.