Comece com o exemplo de chamadas online

O exemplo de chamada web é uma aplicação web que serve como um guia passo a passo das várias capacidades oferecidas pelo SDK de Chamadas Web de Serviços de Comunicação.

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

Comece com o exemplo de chamadas online

Siga as instruções em /Project/readme.md para configurar o projeto e executá-lo localmente em sua máquina. Assim que o exemplo de chamada web estiver rodando na sua máquina, você verá a seguinte página inicial:

Provisão do usuário e inicialização do SDK

Clique em "Provisionando usuário e inicializando SDK" para inicializar seu SDK usando um token provisionado pelo serviço de provisionamento de tokens de backend. Esse serviço de backend está em /project/webpack.config.js.

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

Você deve ver o seguinte assim que seu SDK for inicializado:

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

Colocação e recepção de chamadas

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

Para chamadas 1:1 ou 1:N de saída, você pode especificar múltiplas 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 ligar usando valores separados por vírgulas.

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

Para entrar em uma chamada em grupo, insira o GUID que identifica a chamada e clique no botão "Entrar no grupo":

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 é assim:

Este exemplo também fornece trechos de código para as seguintes capacidades:

• Clicando no ícone de vídeo para ligar/desligar sua câmera de vídeo
• Clicar no ícone do microfone para ligar ou desligar o microfone
• Clicando no ícone de reprodução para manter/desestabilizar a chamada
• Clique no ícone de tela para iniciar/parar o compartilhamento de tela.
• 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óximas Etapas 

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

• Familiarize-se com o uso do SDK de Chamada
• Saiba mais sobre como a chamada funciona
• Revise a documentação de referência da API
• Revise o exemplo do aplicativo Contoso Med

Leitura adicional

• 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