Vonage Video Express

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

  1. 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

    <script src="https://static.opentok.com/v1/js/video-express.js"></script>
    
  1. 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">
  1. 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>
  1. 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.