Vonage Video Express

Aviso de descontinuação

O Vonage Video Express está obsoleto. Embora a biblioteca continue disponível para integrações existentes, recomendamos que todos os novos projetos e clientes que pretendam migrar utilizem o Aplicativo de referência da Video API.

Por que essa mudança?

O Aplicativo de referência da Video API oferece uma base mais robusta, moderna e personalizável para o desenvolvimento de aplicativos de vídeo com múltiplos participantes. Ela oferece:

Melhores práticas: Implementação atualizada dos SDKs do Core Video.
Interface do usuário pronta para produção: Componentes altamente personalizáveis para a Web, iOS e Android.
Recursos avançados: Melhor suporte a layouts complexos e aos recursos dos navegadores modernos.

Próximos passos:

Usuários novos e existentes: Comece sua jornada com o Visão geral do aplicativo de referência da Video API.
Para obter orientações adicionais, entre em contato com o suporte do Vonage Video (support@api.vonage.com).

Introdução

O Vonage Video Express é uma biblioteca JavaScript para criar rapidamente um aplicativo web de videoconferência com vários participantes. Ele funciona com base na Video API do Vonage para JavaScript.

Um guia rápido

Instale o pacote Video Express:

Instalação usando o npm pacote

npm i --save @vonage/video-express
Também podemos usar uma tag de script no <head> seção da página HTML, para incluir o Vonage Video Express em nosso aplicativo
Copiar
```
<script src="https://static.opentok.com/v1/js/video-express.js"></script>
```

Atualmente, o Vonage Video Express não inclui uma interface de usuário padrão. Portanto, você precisará adicionar CSS para definir o estilo dos componentes da sala em seu aplicativo:

Para começar rapidamente, copie o video-express-styles.css salve o arquivo e inclua-o no seu head seção:

<link rel="stylesheet" href="/path/to/video-express-styles.css" media="screen" charset="utf-8">

Adicione um div elemento dentro do body seção. Esta será a contêiner de quarto. O SDK irá inserir todos os seus componentes DOM dentro deste contêiner:

<body>
  <div id="roomContainer"></div>
</body>

Use este trecho de código para criar uma sala e para participar a videoconferência. Para criar o objeto “sala”, você precisará fornecer sua chave de API, um ID de sessão e um token para a sessão:

<script type="text/javascript">
  const room = new VideoExpress.Room({
    apiKey: '', // add your Application ID
    sessionId: '', // add your Session ID
    token: '', // add your token
    roomContainer: 'roomContainer',
  });

  room.join();
</script>

Consulte o guia sobre Criação de sessão e Criação de tokens.

Mais recursos

Veja o Referência da API do Video Express e guia.