JavaScript

Enviando um sinal

Agora que você se conectou à sessão e possui um objeto de sessão, já pode enviar um Signal. Os Signals são textos ou dados arbitrários enviados em uma sessão, que podem ser direcionados a um cliente específico ou a todos os clientes conectados. Você pode saber mais sobre eles na Guia do desenvolvedor do Vonage Video Signaling. Neste tutorial, você enviará uma mensagem de texto.

  1. Copie o código a seguir e cole-o abaixo do código existente no seu app.js arquivo após o initializeSession() função:
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 = '';
    }
  });
});

Este código cria variáveis para referenciar o formulário e o texto nele contido, proveniente da página HTML anterior. Assim que o formulário for enviado, session.signal é chamado para enviar a mensagem pelo Signal. session.signal recebe o tipo do Signal e alguns dados. O tipo é opcional, mas pode ser usado para diferenciar os tipos de Signals no seu aplicativo.

Se o Signal for enviado com sucesso, o formulário é esvaziado; caso contrário, o erro é tratado da mesma forma handleError função mencionada anteriormente.

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