Empfangen eines Signals
Signale werden in der Sitzung empfangen. Wenn ein Signal empfangen wird, enthält es zusätzlich zu den gesendeten Daten ein from die Informationen darüber enthält, wer das Signal gesendet hat. Dies kann verwendet werden, um zwischen Signalen zu unterscheiden, die der aktuelle Benutzer gesendet hat, und solchen, die er empfängt.
- Kopieren Sie den folgenden Code und fügen Sie ihn am Ende der Seite
initializeSession()Funktion:
// Receive a message and append it to the history
const msgHistory = document.querySelector('#history');
session.on('signal:msg', (event) => {
const msg = document.createElement('p');
msg.textContent = event.data;
msg.className = event.from.connectionId === session.connection.connectionId ? 'mine' : 'theirs';
msgHistory.appendChild(msg);
msg.scrollIntoView();
});
Dieser Code erstellt Variablen, die auf den Nachrichtenverlaufs-Div aus der früheren HTML-Seite verweisen, und wartet dann auf Signale. Sobald ein Signal empfangen wird, wird es an das Nachrichtenverlaufs-Div angehängt. Die session.on(signal) Listener ermöglicht es Ihnen, alle Signale in der Sitzung abzuhören. Da die Nachrichten in unserer App mit dem msg Typ, hören wir nur auf diese Signale.
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.