다음을 통해 공유


제목과 부제 사용자 지정

이제 개발자는 설정 중과 통화가 진행되는 동안 통화의 제목과 부제를 사용자 지정할 수 있습니다. 이 기능을 사용하면 통화 환경을 특정 사용 사례에 맞춰 더 유연하게 조정할 수 있습니다.

예를 들어 고객 지원 시나리오에서 제목에는 해결 중인 문제를 표시할 수 있고, 부제에는 고객의 이름 또는 티켓 번호를 표시할 수 있습니다.

UI 라이브러리의 제목 및 부제목 환경을 보여 주는 스크린샷

또한 통화의 다양한 세그먼트에서 소요된 시간을 추적하는 것이 중요한 경우 부제를 동적으로 업데이트하여 경과된 통화 시간을 표시하여 모임 또는 세션을 효과적으로 관리할 수 있습니다.

필수 조건

기능 설정

제목과 부제 사용자 지정

통화 화면 헤더 titlesubtitle을 설정하고 업데이트하려면 CallCompositeCallScreenOptions를 활용하여 CallCompositeCallScreenHeaderViewData를 구성합니다. title 값이 구성되지 않은 경우 기본 UI 라이브러리 제목이 표시됩니다.

// 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"

제목과 부제 사용자 지정

통화 화면 infoHeader titlesubtitle을 설정하고 업데이트하려면 CallScreenHeaderViewData를 구성하여 매개변수 headerViewData를 통해 CallScreenOptions에 전달해야 합니다. CallScreenHeaderViewDatatitle, 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"

다음 단계