JavaScript

Ein wenig CSS-Anpassung

Jetzt haben Sie einen vollständig funktionierenden Client mit Vonage Video. In diesem letzten Schritt werden einige grundlegende CSS-Anpassungen demonstriert.

  1. Öffnen Sie Ihre leere app.css-Datei in Ihrem Code-Editor und fügen Sie den folgenden Code hinzu:

  2. Sobald Sie das CSS gespeichert haben, öffnen Sie Ihren Index erneut in zwei separaten Browser-Tabs - Sie sollten nun sehen, dass die Nachrichten entweder rechts oder links angeheftet werden, je nachdem, wer sie gesendet hat. Die Seite ist so eingerichtet, dass neben dem Text-Chat auch ein Video-Chat möglich ist.

Einfacher Text-Chat

In diesem Tutorial lernen Sie, wie Sie mit der Video API von Vonage einen einfachen Text-Chat von Grund auf aufbauen. Dies ist der schnellste Weg, um einen Proof of Concept für diese Funktionalität auf der Videoplattform zu erstellen.

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
7
Aussenden eines Signals
8
Empfangen eines Signals
9
Testen Ihres Codes in einem Browser
10
Ein wenig CSS-Anpassung
11
Schlussfolgerung