JavaScript

Recebimento de um sinal

Os sinais são recebidos na sessão. Quando um sinal é recebido, além dos dados que foram enviados, ele conterá um from propriedade que conterá informações sobre quem enviou o Signal. Isso pode ser usado para diferenciar entre os Signals enviados pelo usuário atual e aqueles que ele recebe.

  1. Copie o código a seguir e cole-o no final do initializeSession() função:
// 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();
});

Este código cria variáveis para fazer referência à div do histórico de mensagens da página HTML anterior e, em seguida, fica à espera de sinais. Assim que um sinal é recebido, ele é acrescentado à div do histórico de mensagens. O session.on(signal) O listener permite que você receba todos os Signals da sessão. Como as mensagens em nosso aplicativo estão sendo enviadas com o msg desse tipo, estamos prestando atenção apenas a esses sinais.

Bate-papo básico por texto

Siga este tutorial para criar um chat de texto básico do zero usando a Video API da Vonage. Essa é a maneira mais rápida de desenvolver uma prova de conceito para essa funcionalidade na plataforma de vídeo.

Etapas
1
Visão geral
2
Antes de começar
3
Configurar um aplicativo de vídeo da Vonage
4
Criação das pastas do projeto e do modelo HTML
5
Configurando a autenticação
6
Conectando-se à sessão
7
Enviando um sinal
8
Recebimento de um sinal
9
Testando seu código em um navegador
10
Algumas pequenas personalizações em CSS
11
Conclusão