JavaScript

Recepción de una señal

Las señales se reciben durante la sesión. Cuando se recibe una señal, además de los datos que se enviaron, esta contendrá un from propiedad que contendrá información sobre quién envió la señal. Esto puede utilizarse para diferenciar entre las señales enviadas por el usuario actual y las que recibe.

  1. Copie el siguiente código y péguelo en la parte inferior del archivo initializeSession() función:
// 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 crea variables para hacer referencia al elemento `div` del historial de mensajes de la página HTML anterior y, a continuación, permanece a la espera de señales. Cuando se recibe una señal, se añade al elemento `div` del historial de mensajes. El session.on(signal) te permite escuchar todas las señales de la sesión. Dado que los mensajes de nuestra aplicación se envían con la función msg tipo, solo estamos atentos a esas señales.

Chat de texto básico

Sigue este tutorial para crear un chat de texto básico desde cero usando la Video API de Vonage. Es la forma más rápida de crear una prueba de concepto para esta funcionalidad en la plataforma de video.

Pasos
1
Visión general
2
Antes de empezar
3
Configurar una aplicación de video de Vonage
4
Creación de las carpetas del proyecto y de la plantilla HTML
5
Configuración de la autenticación
6
Conexión a la sesión
7
Enviar una señal
8
Recepción de una señal
9
Pruebe su código en un navegador
10
Un poco de personalización CSS
11
Conclusión