JavaScript

Testen Ihres Codes in einem Browser

Zu diesem Zeitpunkt wird Ihr app.js Datei sollte in etwa so aussehen (mit ein paar Anpassungen):

In Ihrem fertigen Code sollten Sie hart kodierte Werte haben, die Folgendes ersetzen YOUR_APP_ID, YOUR_SESSION_ID und YOUR_TOKEN - wenn Sie dies noch nicht getan haben, siehe Einrichten der Authentifizierung oben.

  1. Öffnen Sie die index.html Datei in Ihrem Browser durch einen Doppelklick auf.
  2. Der Browser bittet Sie um die Erlaubnis, Ihre Kamera und Ihr Mikrofon zu verwenden, und Sie können ihm den Zugriff gestatten.
  3. Sie sollten sich selbst auf dem Bildschirm erscheinen sehen.

Als Nächstes können wir testen, wie es aussieht, wenn jemand anderes eine Verbindung herstellt. Unser Code ist zwar nicht über das Internet erreichbar, aber wir können das simulieren, indem wir diese Seite in einem anderen Fenster öffnen.

  1. Schalten Sie sich stumm, um Rückkopplungen zu vermeiden.
  2. Kopieren Sie die URL in die Adressleiste Ihres Browsers.
  3. Öffnen Sie ein neues Fenster oder eine neue Registerkarte, und fügen Sie die Adresse ein, um die Datei zu öffnen.
  4. Sie sollten sich nun zweimal sehen (je nach Browser ist die eine Seite gespiegelt von der anderen).

Tipp zur Fehlersuche: Wenn auf der Seite kein Video angezeigt wird, öffnen Sie die Registerkarte "Konsole" in Ihren Browser-Tools (Befehl+Option+i auf Mac, STRG+i auf Windows) und suchen Sie nach Fehlern. Das wahrscheinlichste Problem ist, dass Ihr API-Schlüssel, Ihre Sitzungs-ID oder Ihr Token nicht richtig eingerichtet ist. Da Sie Ihre Anmeldedaten fest kodiert haben, ist es auch möglich, dass Ihr Token abgelaufen ist.

Einfacher Video-Chat

Lernen Sie die grundlegenden Concepts der Vonage Video API-Plattform kennen und erfahren Sie, wie Benutzer über Video, Voice und Messaging kommunizieren können. Erkunden Sie einen grundlegenden Ablauf der Vonage Video API.

Schritte
1
Übersicht
2
Bevor Sie beginnen
3
Konfigurieren einer Vonage Video-Applikation
4
Erstellen der Projektordner und der HTML-Vorlage
5
Authentifizierung einrichten
6
Verbinden mit der Sitzung und Erstellen eines Publishers
7
Initialisierung des Teilnehmers
8
Testen Ihres Codes in einem Browser
9
Ein wenig CSS-Anpassung
10
Schlussfolgerung