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.
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.
| 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 |
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.
Kontakt
Nützliche Links
Rechtliches
Im Einsatz
Fallstudien (nur in Englisch)
Ausschliesslich auf Servern in der Schweiz gehostet