Personnaliser le titre et le sous-titre

Les développeurs peuvent désormais personnaliser le titre et le sous-titre d’un appel, pendant la configuration et pendant que l’appel est en cours. Cette fonction permet d’adapter de manière plus flexible l’expérience d’appel à des cas d’utilisation spécifiques.

Par exemple, dans un scénario de service clientèle, vous pouvez utiliser le titre pour afficher le problème en cours de traitement et le sous-titre pour afficher le nom ou le numéro de ticket du client.

Par ailleurs, si le suivi du temps passé dans différents segments de l’appel est crucial, vous pouvez mettre à jour le sous-titre de manière dynamique pour afficher la durée d’appel écoulée afin de gérer efficacement la réunion ou la session.

Prérequis

• Compte Azure avec un abonnement actif. Créez un compte gratuitement.
• Une ressource Communication Services déployée. Créez une ressource Communication Services.
• Un jeton d’accès utilisateur pour activer le client d’appel. Obtenez un jeton d’accès utilisateur.
• Facultatif : Complétion du guide de démarrage rapide pour prendre en main les composites de la bibliothèque d’interface utilisateur.

Paramétrage de la fonctionnalité

Personnaliser le titre et le sous-titre

Pour définir et mettre à jour les éléments title et subtitle de l’en-tête de l’écran d’appel, utilisez CallCompositeCallScreenOptions pour configurer CallCompositeCallScreenHeaderViewData. Le titre de la Bibliothèque d’interface utilisateur par défaut s’affiche si la valeur de title n’est pas configurée.

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

Personnaliser le titre et le sous-titre

Pour définir et mettre à jour les éléments title et subtitle de l’infoHeader de l’écran d’appel, utilisez CallScreenHeaderViewData pour les configurer et passez-les à CallScreenOptions via le paramètre headerViewData. Les paramètres title et Subtitle dans CallScreenHeaderViewData sont facultatifs, de même que headerViewData. Le titre de la Bibliothèque d’interface utilisateur par défaut s’affiche si la valeur de title n’est pas configurée.

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"

Étapes suivantes

• En savoir plus sur la bibliothèque d’interface utilisateur