JavaScript

Réception d'un signal

Les signaux sont reçus sur la session. Lorsqu'un signal est reçu, il contient, en plus des données envoyées, un élément de type from qui contient des informations sur l'expéditeur du signal. Cette information peut être utilisée pour différencier les signaux envoyés par l'utilisateur actuel de ceux qu'il reçoit.

  1. Copiez le code suivant et collez-le au bas de la page initializeSession() fonction :
// 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();
});

Ce code crée des variables pour faire référence à la div historique des messages de la page html précédente, puis écoute les signaux. Dès qu'un signal est reçu, il est ajouté à la div de l'historique des messages. Le code session.on(signal) vous permet d'écouter tous les signaux de la session. Puisque les messages dans notre application sont envoyés avec la méthode msg nous n'écoutons que ces signaux.

Chat textuel de base

Suivez ce tutoriel pour créer un chat textuel de base à partir de zéro en utilisant l'API Video de Vonage. C'est la façon la plus rapide de construire une preuve de concept pour cette fonctionnalité sur la plateforme vidéo.

Disponible sur :
JavaScript Java Swift
Étapes
1
Vue d'ensemble
2
Avant de commencer
3
Configurer une application vidéo de Vonage
4
Création des dossiers de projet et du modèle HTML
5
Configuration de l'authentification
6
Connexion à la session
7
Envoi d'un signal
8
Réception d'un signal
9
Tester votre code dans un navigateur
10
Un peu de personnalisation CSS
11
Conclusion