Inizia con l'esempio di chiamate web

Avvertimento

Servizi di comunicazione di Azure sta introducendo cambiamenti improvvisi e alcuni servizi stanno per essere ritirati. Scopri di più nella guida alla pensione e ai cambiamenti improvvisi.

L'esempio di chiamata via web è un'applicazione web che funge da guida passo passo alle diverse funzionalità offerte da Communication Services Web Calling SDK.

Questo esempio è stato creato per gli sviluppatori e rende molto facile per te iniziare con i Servizi di Comunicazione. La sua interfaccia utente è suddivisa in più sezioni, ciascuna con un pulsante "Mostra codice" che permette di copiare il codice direttamente dal browser nella propria applicazione Communication Services.

Inizia con l'esempio di chiamate web

Importante

Questo esempio è disponibile su GitHub..

Segui il /Project/readme.md per configurare il project e eseguilo localmente sulla tua macchina. Una volta che l'esempio di chiamata web è in esecuzione sul tuo computer, vedrai la seguente pagina iniziale:

Provisioning dell'utente e inizializzazione dell’SDK

Fai clic su "Provisioning user and initialize SDK" per inizializzare l'SDK utilizzando un token fornito dal servizio backend di provisioning dei token. Questo servizio di backend è in /project/webpack.config.js.

Clicca sul pulsante "Mostra codice" per vedere il codice di esempio che puoi usare nella tua soluzione.

Dovresti vedere quanto segue una volta che il tuo SDK sarà inizializzato:

Ora sei pronto a iniziare a effettuare chiamate utilizzando la tua risorsa di Servizi di Comunicazione!

Effettuare e ricevere chiamate

L'SDK di chiamate web dei servizi di comunicazione consente chiamate 1:1, 1:N e di gruppo .

Per le chiamate in uscita 1:1 o 1:N, puoi specificare più identità utente dei Servizi di Comunicazione da chiamare usando valori separati da virgola. Puoi anche specificare i numeri di telefono tradizionali (PSTN) da chiamare usando valori separati da virgole.

Quando chiami i numeri di telefono PSTN, specifica il tuo ID chiamante alternativo. Clicca sul pulsante "Effettua chiamata" per effettuare una chiamata in uscita:

Per unirti a una chiamata di gruppo, inserisci il GUID che identifica la chiamata e clicca sul pulsante "Unisciti al gruppo":

Clicca sul pulsante "Mostra codice" per vedere il codice di esempio per effettuare chiamate, ricevere chiamate e unirsi alle chiamate di gruppo.

Una chiamata attiva si presenta così:

Questo esempio fornisce anche frammenti di codice per le seguenti capacità:

• Cliccando sull'icona video per accendere/spegnere la videocamera
• Cliccando sull'icona del microfono per accendere/spegnere il microfono
• Fare clic sull'icona Riproduci per mettere in attesa/riprendere la chiamata
• Cliccando sull'icona dello schermo per iniziare/fermare la condivisione dello schermo
• Cliccando sull'icona persona per aggiungere un partecipante alla chiamata
• Cliccando su "Rimuovi partecipante" nel roster dei partecipanti per rimuovere un partecipante specifico dalla chiamata

Passaggi successivi

È possibile scaricare l'esempio da GitHub

Per altre informazioni, vedere gli articoli seguenti:

• Acquisisci familiarità con l'uso di SDK Calling
• Leggere altre informazioni sul funzionamento delle chiamate
• Consulta la documentazione di riferimento API
• Esamina l'esempio di Contoso Med App

Lettura aggiuntiva

• Esempi : altri modelli ed esempi sono disponibili nella pagina di panoramica degli esempi.
• Redux: gestione dello stato lato client
• FluentUI - Libreria dell'interfaccia utente di Microsoft
• React - Libreria per la compilazione di interfacce utente
• ASP.NET Core - Framework per la compilazione di applicazioni Web