Partilhar via


Introdução ao exemplo de chamada pela Web

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

Este exemplo foi criado para desenvolvedores e torna muito fácil para você começar a usar os Serviços de Comunicação. Sua interface de usuário é dividida em várias seções, cada uma com um botão "Mostrar código" que permite copiar o código diretamente do seu navegador para seu próprio aplicativo de Serviços de Comunicação.

Introdução ao exemplo de chamada pela Web

Siga o /Project/readme.md para configurar o projeto e executá-lo localmente em sua máquina. Quando o exemplo de chamada pela Web estiver em execução em sua máquina, você verá a seguinte página de destino:

Web calling tutorial 1

Web calling tutorial 2

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

Clique em "Provisionar usuário e inicializar SDK" para inicializar seu 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ê verá o seguinte assim que o SDK for inicializado:

User provisioning

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

Fazer e receber chamadas

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

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

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

Place a call

Para participar de uma chamada em grupo, digite o GUID que identifica a chamada e clique no botão "Participar do grupo":

Join a group call

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

Uma chamada ativa tem esta aparência:

Group call

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

  • Clicar no ícone de vídeo para ligar/desligar a câmara de vídeo
  • Clicar no ícone do microfone para ligar/desligar o microfone
  • Clicar no ícone de reprodução para esperar/cancelar a chamada
  • Clicar no ícone do ecrã para iniciar/parar de partilhar o seu ecrã
  • Clicar no ícone de pessoa para adicionar um participante à chamada
  • Clicar em "Remover participante" na lista de participantes para remover um participante específico da chamada

Próximos passos

Para obter mais informações, consulte os seguintes artigos que podem estar em inglês:

Leitura adicional

  • Exemplos - Encontre mais exemplos e exemplos na nossa página de visão geral de exemplos.
  • Redux - Gerenciamento de estado do lado do cliente
  • FluentUI - Biblioteca de interface do usuário com tecnologia Microsoft
  • React - Biblioteca para a criação de interfaces de utilizador
  • ASP.NET Core - Framework para a construção de aplicações web