Criar uma sessão com a Video API

A Video API da Vonage permite incorporar áudio e vídeo em tempo real, baseados em navegador, em suas Applications. Este guia orienta você na configuração da Video API no Painel de Controle da API da Vonage e na criação de um bate-papo por vídeo simples entre duas pessoas — sem a necessidade de servidor.

Work with video

Pré-requisitos

Antes de começar, certifique-se de ter:

  • Um account da API da Vonage, caso você ainda não tenha um
  • Chrome ou Firefox — a Video API é compatível com vários navegadores, mas recomendamos estes para este guia
  • A câmera web e microfone — seu navegador solicitará permissão de acesso quando você executar a demonstração

Criar um aplicativo de vídeo

Um aplicativo de vídeo no Painel armazena suas credenciais e configurações para a Video API.

Create an application
  1. Faça login no Painel da API da Vonage
  2. Acesse Applications na barra lateral esquerda
  3. Clique Criar um novo aplicativo
  4. Digite um nome para seu aplicativo (por exemplo, My Video App)
  5. Sob Recursos, ativar Vídeo
  6. Clique Criar um novo pedido

Sua inscrição é criada com um ID do aplicativo. Mantenha esta página aberta — você vai precisar dela na próxima etapa.

Crie sua primeira sessão de vídeo

Com suas credenciais em mãos, você pode criar um chat de vídeo simples baseado em navegador. Siga todas as etapas na interface do usuário.

Pré-requisitos

Para fins de demonstração, use o Chrome ou o Firefox. Certifique-se de ter acesso a um microfone e a uma webcam.

create a video session

Autenticação

A autenticação inicializa seu aplicativo adicionando um ID de aplicativo, um ID de sessão e um token, permitindo uma conexão segura com uma sessão da Video API da Vonage.

Authentication

Conecte-se à sessão e crie um editor

Isso envolve inicializar uma sessão e configurar um emissor de vídeo. Isso permite que seu aplicativo se conecte à sessão da Video API da Vonage e transmita vídeo/áudio da sua webcam e do seu microfone, possibilitando a comunicação em tempo real.

Connect to the session

Publicar a editora

Esta etapa consiste em compartilhar seu fluxo de vídeo e áudio com a sessão, para que os outros possam ver e ouvir você.

Publish the publisher

Criar um assinante

Para criar um assinante, é necessário adicionar um código ao seu aplicativo que permita que ele receba e exiba o fluxo de vídeo do editor.

Create a subscriber

Adicione um segundo participante para criar um bate-papo por vídeo individual

Para testar o bate-papo por vídeo individual, desative o som do alto-falante do seu computador para evitar eco de áudio e, em seguida, clique no botão para abrir um segundo cliente em uma nova aba do navegador (usando o Codepen). Isso criará outro emissor de vídeo, e você verá os dois fluxos de vídeo na página.

Add a second video publisher

E agora?

Agora que você criou sua primeira sessão de vídeo, explore mais o que a Video API pode fazer: