Comece com o exemplo de chamadas online

Warning

O Azure Communication Services está a introduzir alterações urgentes, e alguns serviços estão a ser retirados. Saiba mais no guia de reforma e mudanças urgentes.

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

Este exemplo foi criado para programadores e facilita muito o início dos Serviços de Comunicação. A sua interface de utilizador está dividida em várias secções, cada uma com um botão "Mostrar código" que lhe permite copiar código diretamente do seu navegador para a sua própria aplicação de Serviços de Comunicação.

Comece com o exemplo de chamadas online

Segue o /Project/readme.md para configurar o project e executá-lo localmente na tua máquina. Assim que o exemplo de chamada web estiver a correr na sua máquina, verá a seguinte página de destino:

Tutorial de chamada web 1

Tutorial de chamada web 2

Provisionamento do utilizador e inicialização do SDK

Clique em "Provisionar utilizador e inicializar SDK" para inicializar o seu SDK usando um token provisionado pelo serviço de provisionamento de tokens backend. Este serviço de servidor encontra-se em /project/webpack.config.js.

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

Deverá ver o seguinte assim que o seu SDK for inicializado:

Provisionamento do utilizador

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

Colocação e receçã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 de saída 1:1 ou 1:N, pode especificar múltiplas Identidades de Utilizador dos Serviços de Comunicação para chamar usando valores separados por vírgulas. Também pode especificar números de telefone tradicionais (PSTN) para ligar usando valores separados por vírgulas.

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

Faça uma chamada

Para entrar numa chamada de grupo, introduza o GUID que identifica a chamada e clique no botão "Juntar-se ao grupo":

Junta-te a uma chamada de grupo

Clique no botão "Mostrar código" para ver o código de exemplo para fazer chamadas, receber chamadas e juntar-se a chamadas de grupo.

Uma chamada ativa assemelha-se a isto:

Chamada de grupo

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

  • 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 Reproduzir para colocar/retirar a chamada em espera
  • Clicar no ícone do ecrã para iniciar/parar, partilhar o ecrã
  • Clicar no ícone da pessoa para adicionar um participante à chamada
  • Clique em "Remover participante" na lista de participantes para remover um participante específico da chamada

Passos seguintes

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

Leitura adicional

  • Exemplos - Encontre mais amostras e exemplos na nossa página de visão geral de amostras.
  • 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