Personalizzare il titolo e il sottotitolo

Gli sviluppatori hanno ora la possibilità di personalizzare il titolo e il sottotitolo di una chiamata, sia durante la configurazione che mentre la chiamata è in corso. Questa funzionalità consente una maggiore flessibilità nell'allineamento dell'esperienza di chiamata con casi d'uso specifici.

Ad esempio, in uno scenario di supporto clienti, il titolo potrebbe visualizzare il problema da risolvere, mentre il sottotitolo potrebbe mostrare il nome o il numero di ticket del cliente.

Inoltre, se il rilevamento del tempo trascorso in vari segmenti della chiamata è fondamentale, il sottotitolo potrebbe aggiornarsi dinamicamente per visualizzare la durata della chiamata trascorsa, contribuendo a gestire la riunione o la sessione in modo efficace.

Prerequisiti

• Un account Azure con una sottoscrizione attiva. Creare un account gratuitamente.
• Una risorsa di Servizi di comunicazione distribuita. Creare una risorsa di Servizi di comunicazione.
• Token di accesso utente per abilitare il client di chiamata. Ottenere un token di accesso utente.
• Facoltativo: completamento della Guida introduttiva per iniziare a usare i compositi della libreria dell'interfaccia utente.

Configurare la funzionalità

Personalizzare il titolo e il sottotitolo

Per impostare e aggiornare l'intestazione della schermata di chiamata title e subtitle, utilizzare CallCompositeCallScreenOptions per configurare CallCompositeCallScreenHeaderViewData. Il titolo predefinito della libreria dell'interfaccia utente viene visualizzato se il valore title non è configurato.

Kotlin

// create call screen header view data to set title and subtitle
val callScreenHeaderViewData = CallCompositeCallScreenHeaderViewData()
callScreenHeaderViewData.title = "title"
callScreenHeaderViewData.subtitle = "subtitle"

// create call screen options
val callScreenOptions = CallCompositeCallScreenOptions()
callScreenOptions.setHeaderViewData(callScreenHeaderViewData)

// create call composite
val callComposite = CallCompositeBuilder().build()

val localOptions = CallCompositeLocalOptions()
localOptions.setCallScreenOptions(callScreenOptions)

// launch composite
callComposite.launch(applicationContext, locator, localOptions)

// use any event from call composite to update title subtitle when call is in progress
// callScreenHeaderViewData.title = "updated title"
// callScreenHeaderViewData.subtitle = "updated subtitle"

Java

// Create call screen header view data to set title and subtitle
CallCompositeCallScreenHeaderViewData callScreenHeaderViewData = new CallCompositeCallScreenHeaderViewData();
callScreenHeaderViewData.setTitle("title");
callScreenHeaderViewData.setSubtitle("subtitle");

// Create call screen options
CallCompositeCallScreenOptions callScreenOptions = new CallCompositeCallScreenOptions();
callScreenOptions.setHeaderOptions(callScreenHeaderViewData);

// Create call composite
CallComposite callComposite = new CallCompositeBuilder().build();

CallCompositeLocalOptions localOptions = new CallCompositeLocalOptions();
localOptions.setCallScreenOptions(callScreenOptions);

// Launch composite
callComposite.launch(getApplicationContext(), locator, localOptions);

// Use any event from call composite to update title and subtitle when the call is in progress
// callScreenHeaderViewData.setTitle("updated title");
// callScreenHeaderViewData.setSubtitle("updated subtitle");

Personalizzare il titolo e il sottotitolo

Per impostare e aggiornare infoHeader title e subtitle, configurare CallScreenHeaderViewData e passare a CallScreenOptions tramite il parametro headerViewData. title e Subtitle in CallScreenHeaderViewData sono parametri facoltativi e headerViewData stesso è facoltativo. Il titolo predefinito della libreria dell'interfaccia utente viene visualizzato se il valore title non è configurato.

var headerViewData = CallScreenHeaderViewData(
            title: "This is a custom InfoHeader",
            subtitle: "This is a custom subtitle")
var callScreenOptions = CallScreenOptions(controlBarOptions: barOptions,
                                          headerViewData: headerViewData)

// Use any event from call composite to update title & subtitle when the call is in progress.
headerViewData.title = "Custom updated title"
headerViewData.subtitle = "Custom updated subtitle"

Passaggi successivi

• Altre informazioni sulla libreria dell'interfaccia utente