Anpassen des Titels und des Untertitels

Entwickler haben jetzt die Möglichkeit, den Titel und den Untertitel eines Anrufs anzupassen, sowohl während der Einrichtung als auch während des Anrufs. Dieses Feature ermöglicht eine höhere Flexibilität bei der Ausrichtung der Anruferfahrung mit bestimmten Anwendungsfällen.

In einem Kundensupport-Szenario könnte der Titel beispielsweise das behandelte Problem anzeigen, während der Untertitel den Namen des Kunden oder die Ticketnummer anzeigen könnte.

Wenn es außerdem wichtig ist, die in verschiedenen Abschnitten des Anrufs verbrachte Zeit zu verfolgen, kann der Untertitel dynamisch aktualisiert werden, um die verstrichene Anrufdauer anzuzeigen, was die effektive Verwaltung der Besprechung oder Sitzung erleichtert.

Voraussetzungen

• Ein Azure-Konto mit einem aktiven Abonnement. Sie können kostenlos ein Konto erstellen.
• Eine bereitgestellte Communication Services-Ressource. Erstellen Sie eine Communication Services-Ressource.
• Ein Benutzerzugriffstoken zum Aktivieren des Anrufclients. Rufen Sie ein Benutzerzugriffstoken ab.
• Optional: Führen Sie den Schnellstart Erste Schritte mit der UI-Bibliothek durch.

Die Funktion einrichten

Anpassen des Titels und des Untertitels

Um die Kopfzeile des Anrufbildschirms title und subtitle festzulegen und zu aktualisieren, verwenden Sie CallCompositeCallScreenOptions, um CallCompositeCallScreenHeaderViewData zu konfigurieren. Der Standardtitel der Benutzeroberflächenbibliothek wird angezeigt, wenn title Wert nicht konfiguriert ist.

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

Anpassen des Titels und des Untertitels

Zum Festlegen und Aktualisieren von InfoHeader title und subtitlehaben wir CallScreenHeaderViewData, um CallScreenOptions durch Param headerViewData zu konfigurieren und zu übergeben. Die title, Subtitle in CallScreenHeaderViewData sind optionale Parameter und headerViewData selbst ist ebenfalls optional. Der Standardtitel der Benutzeroberflächenbibliothek wird angezeigt, wenn title Wert nicht konfiguriert ist.

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"

Nächste Schritte

• Weitere Informationen zur UI-Bibliothek