Vonage Video Express

Abschreibungshinweis

Vonage Video Express ist jetzt veraltet. Während die Bibliothek für bestehende Integrationen weiterhin verfügbar ist, empfehlen wir allen neuen Projekten und Kunden, die migrieren möchten, die Verwendung der Video API-Referenzanwendung.

Warum die Veränderung?

Die Video API-Referenzanwendung bietet eine robuste, moderne und anpassbare Grundlage für die Entwicklung von Multiparty Video Applications. Es bietet:

Bewährte Praktiken: Aktuelle Implementierung der Core Video SDKs.
Produktionsreife UI: Hochgradig anpassbare Komponenten für Web, iOS und Android.
Erweiterte Funktionen: Bessere Unterstützung für komplexe Layouts und moderne Browserfunktionen.

Nächste Schritte:

Neue und bestehende Benutzer: Bitte beginnen Sie Ihre Reise mit dem Video API Referenz App Übersicht.
Für weitere Informationen wenden Sie sich bitte an den Vonage Video-Support (support@api.vonage.com).

Erste Schritte

Vonage Video Express ist eine JavaScript-Bibliothek zur schnellen Erstellung einer Webanwendung für Videokonferenzen mit mehreren Teilnehmern. Videokonferenz-Webanwendung zu erstellen. Sie setzt auf der Vonage Video API für JavaScript auf.

Ein schneller Start

Installieren Sie das Video Express-Paket:

Einbau über die npm Paket

npm i --save @vonage/video-express
Wir können auch ein Skript-Tag in der <head> Abschnitt der HTML-Seite, um Vonage Video Express in unsere Anwendung
widgets.copy
```
<script src="https://static.opentok.com/v1/js/video-express.js"></script>
```

Derzeit enthält Vonage Video Express keine Standard-Benutzeroberfläche. Sie müssen also CSS hinzufügen hinzufügen, um die Raumkomponenten in Ihrer Anwendung zu gestalten:

Für einen schnellen Start kopieren Sie die video-express-styles.css Datei und fügen Sie sie in Ihre head Abschnitt:

<link rel="stylesheet" href="/path/to/video-express-styles.css" media="screen" charset="utf-8">

Hinzufügen einer div Element innerhalb der body Abschnitt. Dies wird der Raumcontainer. Das SDK wird alle seine DOM-Komponenten innerhalb dieses Containers anhängen:

<body>
  <div id="roomContainer"></div>
</body>

Verwenden Sie dieses Codeschnipsel, um einen Raum schaffen und an beitreten die Videokonferenz. Um das Raumobjekt zu erstellen, müssen Sie Ihren API-Schlüssel, eine Sitzungs-ID und ein Token für die Sitzung angeben:

<script type="text/javascript">
  const room = new VideoExpress.Room({
    apiKey: '', // add your Application ID
    sessionId: '', // add your Session ID
    token: '', // add your token
    roomContainer: 'roomContainer',
  });

  room.join();
</script>

Siehe den Leitfaden auf Erstellung von Sitzungen und Token-Erstellung.

Weitere Ressourcen

Siehe die Video Express API-Referenz und Leitfaden.