Erstellen einer Sitzung mit Video API

Mit der Video API von Vonage können Sie browserbasierte Audio- und Videodaten in Echtzeit in Ihre Applikationen einbetten. Dieser Leitfaden zeigt Ihnen, wie Sie die Video API im Vonage API Dashboard einrichten und einen einfachen Eins-zu-Eins-Videochat erstellen - ohne Server.

Work with video

Voraussetzungen

Bevor Sie beginnen, vergewissern Sie sich, dass Sie alles haben:

  • Ein Vonage API-Konto, falls Sie noch keins haben
  • Chrome oder Firefox - Die Video API unterstützt mehrere Browser, aber wir empfehlen die folgenden für diesen Leitfaden
  • A Webcam und Mikrofon - Ihr Browser wird Sie um Zugang bitten, wenn Sie die Demo starten.

Erstellen einer Video-Applikation

Eine Video-Applikation im Dashboard enthält Ihre Anmeldedaten und die Konfiguration für die Video API.

Create an application
  1. Melden Sie sich bei der Vonage API Dashboard
  2. Navigieren Sie zu Applications in der linken Seitenleiste
  3. Klicken Sie auf Erstellen Sie eine neue Anwendung
  4. Geben Sie einen Namen für Ihre Anwendung ein (z. B. My Video App)
  5. Unter Fähigkeiten, umschalten auf Video
  6. Klicken Sie auf Neue Anwendung generieren

Ihre Anwendung wird mit einer eindeutigen Applikation ID. Lassen Sie diese Seite geöffnet - Sie werden sie im nächsten Schritt benötigen.

Erstellen Sie Ihre erste Videositzung

Wenn Sie Ihre Anmeldedaten bereit haben, können Sie einen einfachen browserbasierten Videochat erstellen. Führen Sie alle Schritte auf der Benutzeroberfläche aus.

Voraussetzungen

Für Demozwecke verwenden Sie entweder Chrome oder Firefox. Stellen Sie sicher, dass Sie Zugang zu einem Mikrofon und einer Webcam haben.

create a video session

Authentifizierung

Die Authentifizierung initialisiert Ihre Anwendung durch Hinzufügen einer Anwendungs-ID, einer Sitzungs-ID und eines Tokens und ermöglicht so eine sichere Verbindung zu einer Vonage Video API-Sitzung.

Authentication

Verbinden Sie sich mit der Sitzung und erstellen Sie einen Publisher

Dazu gehört das Initialisieren einer Sitzung und das Einrichten eines Video-Publishers. Dadurch kann sich Ihre Anwendung mit der Vonage Video API-Sitzung verbinden und Video/Audio von Ihrer Webcam und Ihrem Mikrofon streamen, was eine Kommunikation in Echtzeit ermöglicht.

Connect to the session

Veröffentlichen Sie den Herausgeber

In diesem Schritt wird Ihr Video- und Audiostream für die Sitzung freigegeben, damit andere Sie sehen und hören können.

Publish the publisher

Abonnenten erstellen

Beim Erstellen eines Abonnenten wird Ihrer Anwendung ein Code hinzugefügt, mit dem sie den Videostream des Herausgebers empfangen und anzeigen kann.

Create a subscriber

Fügen Sie einen zweiten Video-Publisher hinzu, um einen Eins-zu-Eins-Videochat zu erstellen

Um den Video-Chat unter vier Augen zu testen, schalten Sie den Lautsprecher Ihres Computers stumm, um Audio-Rückkopplungen zu vermeiden, und klicken Sie dann auf die Schaltfläche, um einen zweiten Client in einem neuen Browser-Tab zu öffnen (mit Codepen). Dadurch wird ein weiterer Video-Publisher erstellt, und Sie sehen beide Videostreams auf der Seite.

Add a second video publisher

Was kommt als Nächstes?

Nachdem Sie nun Ihre erste Videositzung erstellt haben, können Sie weitere Funktionen der Video API erkunden: