Compartilhar via


Introdução ao exemplo de chamada da Web

O exemplo de chamada da Web é um aplicativo Web que serve como uma explicação passo a passo dos vários recursos fornecidos pelo SDK de Chamada da Web dos Serviços de Comunicação.

Este exemplo foi criado para desenvolvedores e facilita o início do uso dos Serviços de Comunicação. Sua interface do usuário é dividida em várias seções, cada uma apresentando um botão "mostrar código" que permite copiar o código diretamente do navegador para seu próprio aplicativo de Serviços de Comunicação.

Introdução ao exemplo de chamada da Web

Siga o /Project/readme.md para configurar o projeto e executá-lo localmente no computador. Quando o exemplo de chamada da Web estiver em execução no computador, você verá a seguinte página de aterrissagem:

Web calling tutorial 1

Web calling tutorial 2

Provisionamento do usuário e inicialização de SDK

Clique em "Provisionamento de usuário e inicializar SDK" para inicializar o SDK usando um token provisionado pelo serviço de provisionamento de token de back-end. Este serviço de back-end está em /project/webpack.config.js.

Clique no botão "Mostrar código" para ver o código de exemplo que você pode usar em sua própria solução.

Você deverá ver o seguinte quando o SDK for inicializado:

User provisioning

Agora você está pronto para começar a colocar chamadas usando seu recurso de Serviços de Comunicação!

Envio e recebimento de chamadas

O SDK de Chamada da Web dos Serviços de Comunicação permite chamadas 1:1, 1:N e em grupo.

Para chamadas de saída 1:1 ou 1:N, você pode especificar várias identidades de usuário de Serviços de Comunicação para chamar usando valores separados por vírgulas. Você também pode especificar números de telefone tradicionais (PSTN) para chamar usando valores separados por vírgulas.

Ao chamar números de telefone PSTN, especifique a ID de chamador alternativa. Clique no botão "Fazer chamada" para fazer uma chamada de saída:

Place a call

Para ingressar em uma chamada de grupo, insira o GUID que identifica a chamada e clique no botão "grupo de junção":

Join a group call

Clique no botão "Mostrar código" para ver o código de exemplo para fazer chamadas, receber chamadas e ingressar em chamadas em grupo.

Uma chamada ativa parece com:

Group call

Este exemplo também fornece snippets de código para os seguintes recursos:

  • Clicando no ícone de vídeo para ativar/desativar sua câmera de vídeo
  • Clicando no ícone de microfone para ligar/desligar o microfone
  • Clicando no ícone de reprodução para manter/desestabilizar a chamada
  • Clicando no ícone de tela para iniciar/parar o compartilhamento de sua tela
  • Clicando no ícone de pessoa para adicionar um participante à chamada
  • Clicando em "Remover participante" na lista de participantes para remover um participante específico da chamada

Próximas etapas

Para obter mais informações, consulte os seguintes artigos:

Leituras adicionais

  • Amostras – encontre mais amostras e exemplos em nossa página de visão geral de amostras.
  • Redux – gerenciamento de estado do lado do cliente
  • FluentUI – biblioteca de interface do usuário da Microsoft
  • React – biblioteca para criar interfaces do usuário
  • ASP.NET Core – Estrutura para criar aplicativos Web