Personalizar o título e o subtítulo

Os desenvolvedores agora têm a capacidade de personalizar o título e o subtítulo de uma chamada, tanto durante o seu estabelecimento quanto enquanto a chamada está em andamento. Esse recurso permite maior flexibilidade no alinhamento da experiência de chamada com casos de uso específicos.

Por exemplo, em um cenário de suporte ao cliente, o título pode exibir o problema que está sendo resolvido, enquanto o subtítulo pode mostrar o nome do cliente ou o número do tíquete.

Além disso, se o tempo de acompanhamento gasto em vários segmentos da chamada for crucial, o subtítulo poderá atualizar dinamicamente para exibir a duração decorrida da chamada, ajudando a gerenciar a reunião ou a sessão efetivamente.

Pré-requisitos

• Uma conta do Azure com uma assinatura ativa. Crie uma conta gratuitamente.
• Um recurso dos Serviços de Comunicação implantado. Crie um recurso dos Serviços de Comunicação.
• Um token de acesso do usuário para habilitar o cliente de chamada. Obter um token de acesso do usuário.
• Opcional: Conclusão do início rápido para introdução aos compostos da UI Library.

Configurar o recurso

Personalizar título e subtítulo

Para definir e atualizar title e subtitle do cabeçalho de tela de chamada, utilize CallCompositeCallScreenOptions para configurar CallCompositeCallScreenHeaderViewData. O título da biblioteca de interface do usuário padrão será exibido se o valor title não estiver configurado.

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");

Personalizar título e subtítulo

Para definir e atualizar o title e o subtitle do infoHeader da tela da chamada, temos que configurar CallScreenHeaderViewData e passar para CallScreenOptions pelo parâmetro headerViewData. O title, Subtitle em CallScreenHeaderViewData são parâmetros opcionais e o próprio headerViewData também é opcional. O título da biblioteca de interface do usuário padrão será exibido se o valor title não estiver configurado.

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"

Próximas etapas

• Saiba mais sobre a Biblioteca UI