Personalizar el título y el subtítulo

Los desarrolladores ahora tienen la capacidad de personalizar el título y el subtítulo de una llamada, tanto durante la instalación como mientras la llamada está en curso. Esta característica permite una mayor flexibilidad para alinear la experiencia de llamada con casos de uso específicos.

Por ejemplo, en un escenario de soporte al cliente, el título podría mostrar el problema que se está solucionando, mientras que el subtítulo podría mostrar el nombre del cliente o el número de vale.

Además, si el tiempo de seguimiento invertido en varios segmentos de la llamada es fundamental, el subtítulo podría actualizarse dinámicamente para mostrar la duración de la llamada transcurrido, lo que ayuda a administrar la reunión o la sesión de forma eficaz.

Requisitos previos

• Una cuenta de Azure con una suscripción activa. Cree una cuenta gratuita.
• Un recurso de Communication Services implementado. Cree un recurso de Communication Services.
• Un token de acceso de usuario para habilitar el cliente de llamada. Obtenga un token de acceso de usuario.
• Opcional: Realización del inicio rápido para empezar a trabajar con los compuestos de la Biblioteca de interfaz de usuario.

Configuración de la característica

Personalizar título y subtítulo

Para establecer y actualizar el encabezado de pantalla de llamada title y subtitle, use CallCompositeCallScreenOptions para configurar CallCompositeCallScreenHeaderViewData. Se muestra el título predeterminado de la biblioteca de interfaz de usuario si no se configura title valor.

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 y subtítulo

Para establecer y actualizar la pantalla de llamadas infoHeader title y subtitle, tenemos CallScreenHeaderViewData para configurar y pasar a CallScreenOptions por param headerViewData. El title, Subtitle en CallScreenHeaderViewData son parámetros opcionales y headerViewData también es opcional. Se muestra el título predeterminado de la biblioteca de interfaz de usuario si no se configura title valor.

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"

Pasos siguientes

• Más información sobre la Biblioteca de interfaz de usuario