JavaScript

Aussenden eines Signals

Nachdem Sie nun eine Verbindung zur Sitzung hergestellt haben und über ein Sitzungsobjekt verfügen, können Sie nun ein Signal senden. Signale sind beliebige Texte oder Daten, die in einer Sitzung an einen bestimmten Client oder an alle verbundenen Clients gesendet werden können. Mehr über sie erfahren Sie in der Vonage Video Signaling Entwicklerhandbuch. In diesem Lernprogramm werden Sie Text senden.

  1. Kopieren Sie den folgenden Code und fügen Sie ihn unter dem bestehenden Code in Ihrem app.js nach der Datei initializeSession() Funktion:
const form = document.querySelector('form');
const msgTxt = document.querySelector('#msgTxt');

// Send a signal once the user enters data in the form
form.addEventListener('submit', (event) => {
  event.preventDefault();

  session.signal({
    type: 'msg',
    data: msgTxt.value
  }, (error) => {
    if (error) {
      handleError(error);
    } else {
      msgTxt.value = '';
    }
  });
});

Mit diesem Code werden Variablen erstellt, die auf das Formular und den darin enthaltenen Text aus der früheren HTML-Seite verweisen. Sobald das Formular abgeschickt ist, session.signal wird aufgerufen, um den Text als Signal zu senden. session.signal nimmt den Typ des Signals und einige Daten auf. Der Typ ist optional, kann aber zur Unterscheidung zwischen den Signaltypen in Ihrer Anwendung verwendet werden.

Wenn das Signal erfolgreich gesendet wird, wird das Formular geleert, wenn nicht, wird der Fehler mit der gleichen Methode behandelt. handleError Funktion von vorhin.

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