タイトルとサブタイトルをカスタマイズする

開発者は、セットアップ時と通話の進行時の両方で、通話のタイトルとサブタイトルをカスタマイズできるようになりました。 この機能により、通話エクスペリエンスを特定のユース ケースに合わせて柔軟に調整できます。

たとえば、カスタマー サポートのシナリオでは、タイトルには対処中の問題を表示し、サブタイトルには顧客の名前またはチケット番号を表示することができます。

さらに、通話のさまざまな部分で費やされた時間の追跡が重要な場合は、サブタイトルを動的に更新して通話の経過時間を表示し、会議やセッションを効率的に管理できます。

前提条件

• アクティブなサブスクリプションが含まれる Azure アカウント。 無料でアカウントを作成できます。
• デプロイ済みの Communication Services リソース。 Communication Services リソースを作成します。
• 通話クライアントを有効にするためのユーザー アクセス トークン。 ユーザー アクセス トークンを取得します。
• 省略可能: UI ライブラリ の複合の概要に関するクイックスタートの完了。

機能を設定する

タイトルとサブタイトルをカスタマイズする

通話画面ヘッダーの title と subtitle を設定して更新するには、CallCompositeCallScreenOptions を利用して CallCompositeCallScreenHeaderViewData を構成します。 title 値が構成されていない場合は、既定の UI ライブラリ タイトルが表示されます。

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

タイトルとサブタイトルをカスタマイズする

通話画面の infoHeader の title と subtitle を設定して更新するには、CallScreenHeaderViewData を構成して、パラメーター headerViewData を介して CallScreenOptions に渡します。 CallScreenHeaderViewData の title と Subtitle は省略可能なパラメーターであり、headerViewData 自体も省略可能です。 title 値が構成されていない場合は、既定の UI ライブラリ タイトルが表示されます。

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"

次のステップ

• UI ライブラリの詳細情報