Call

Web
- Run Sample Code
- Integration
  - Web&H5 (React)
  - Web&H5 (Vue3)
- AI Noise Suppression
- Virtual Background
- UI Customization
- On-Cloud Recording
- More Features
  - Configuring Nicknames and Avatars
  - Configure Resolution and Fill Mode
  - Group Call
  - Floating Window
  - Custom Ringtone
  - Monitoring Call Status
- API Documentation
  - API Overview
  - TUICallKit
  - TUICallEngine
  - TUICallEvent
- Server APIs
  - Call Status Callback
    - Call Status Callback
    - Call Event Callback
    - Callback Configuration
      - API List for Callback Configuration
      - Establishing Callback Configuration
      - Retrieving Callback Configuration
      - Update Callback Configuration
      - Remove Callback Configuration
  - REST API
    - Introduction to REST API
    - Retrieve records via callId
    - Retrieve Records Based on Conditions
- Release Notes
Android
- Run Sample Code
- Integration
- AI Noise Suppression
- Virtual Background
- UI Customization
- Offline Call Push
- On-Cloud Recording
- More Features
  - Configuring Nicknames and Avatars
  - Group Call
  - Floating Window
  - Custom Ringtone
  - Monitoring Call Status
- API Documentation
  - API Overview
  - TUICallKit
  - TUICallEngine
  - TUICallObserver
  - Type Definition
- Server APIs
  - Call Status Callback
    - Call Status Callback
    - Call Event Callback
    - Callback Configuration
      - API List for Callback Configuration
      - Establishing Callback Configuration
      - Retrieving Callback Configuration
      - Update Callback Configuration
      - Remove Callback Configuration
  - REST API
    - Introduction to REST API
    - Retrieve records via callId
    - Retrieve Records Based on Conditions
- Release Notes
iOS
- Run Sample Code
- Integration
- AI Noise Suppression
- Virtual Background
- UI Customization
- Offline Call Push
  - VoIP
  - APNs
- On-Cloud Recording
- More Features
  - Configuring Nicknames and Avatars
  - Group Call
  - Floating Window
  - Custom Ringtone
  - Monitoring Call Status
- API Documentation
  - API Overview
  - TUICallKit
  - TUICallEngine
  - TUICallObserver
  - Type Definition
- Server APIs
  - Call Status Callback
    - Call Status Callback
    - Call Event Callback
    - Callback Configuration
      - API List for Callback Configuration
      - Establishing Callback Configuration
      - Retrieving Callback Configuration
      - Update Callback Configuration
      - Remove Callback Configuration
  - REST API
    - Introduction to REST API
    - Retrieve records via callId
    - Retrieve Records Based on Conditions
- Release Notes
Flutter
- Run Sample Code
- Integration
- AI Noise Suppression
- Virtual Background
- UI Customization
- offline Call Push
  - Notification
  - VoIP (Optional)
- On-Cloud Recording
- More Features
  - Configuring Nicknames and Avatars
  - Group Call
  - Floating Window
  - Beauty Effects
  - Custom Ringtone
  - Monitoring Call Status
- API Documentation
  - API Overview
  - TUICallKit
  - TUICallEngine
  - TUICallObserver
  - Type Definition
- Server APIs
  - Call Status Callback
    - Call Status Callback
    - Call Event Callback
    - Callback Configuration
      - API List for Callback Configuration
      - Establishing Callback Configuration
      - Retrieving Callback Configuration
      - Update Callback Configuration
      - Remove Callback Configuration
  - REST API
    - Introduction to REST API
    - Retrieve records via callId
    - Retrieve Records Based on Conditions
- Upgrading
- Release Notes
Overview
- Overview

Call

Configuring Nicknames and Avatars

This article explains how to set up a user's avatar and nickname.
Setting Avatar, Nickname
To customize the nickname or profile photo, use the following API for update:
Android（Kotlin）
Android（Java）
iOS(Swift)
iOS(Objective-C)
Flutter（Dart）
Web&H5
uni-app(Andorid&iOS)
import com.tencent.qcloud.tuikit.TUICommonDefine
import com.tencent.qcloud.tuikit.tuicallkit.TUICallKit
﻿
TUICallKit.createInstance(context).setSelfInfo("jack", "https:/****/user_avatar.png",
    object : TUICommonDefine.Callback {
        override fun onSuccess() {
        }
﻿
        override fun onError(errorCode: Int, errorMessage: String?) {
        }
    })
import com.tencent.qcloud.tuikit.TUICommonDefine;
import com.tencent.qcloud.tuikit.tuicallkit.TUICallKit;
﻿
TUICallKit.createInstance(context).setSelfInfo("jack", "https:/****/user_avatar.png", new TUICommonDefine.Callback() {
    @Override
    public void onSuccess() {
    }
﻿
    @Override
    public void onError(int errorCode, String errorMessage) {
    }
});
import TUICallKit_Swift
import TUICallEngine
﻿
TUICallKit.createInstance().setSelfInfo(nickname: "", avatar: "") {
﻿
} fail: { code, message in
﻿
}
#import <TUICallKit_Swift/TUICallKit_Swift-Swift.h>
﻿
[[TUICallKit createInstance] setSelfInfoWithNickname:@"" avatar:@"" succ:^{
﻿
} fail:^(int code, NSString * _Nullable errMsg) {
﻿
}];
import 'package:tencent_calls_uikit/tencent_calls_uikit.dart';
﻿
void setSelfInfo() {
    TUIResult result = TUICallKit.instance.setSelfInfo('userName', 'url:********');
}
import { TUICallKitServer } from '@tencentcloud/call-uikit-vue';
// import { TUICallKitServer } from '@tencentcloud/call-uikit-react';
try {
  await TUICallKitServer.setSelfInfo({ nickName: "jack", avatar: "http://xxx" });
} catch (error) {
  console.error(`[TUICallKit] Failed to call the setSelfInfo API. Reason: ${error}`);
}
const options = {
    nickName: 'jack',
    avatar: 'https:/****/user_avatar.png'
};
TUICallKit.setSelfInfo(options, (res) => {
    if (res.code === 0) {
        console.log('setSelfInfo success');
    } else {
        console.log(`setSelfInfo failed, error message = ${res.msg}`);
    }
});
Note
The update of the callee's nickname and profile photo may be delayed during a call between non-friend users due to the user privacy settings. After a call is made successfully, the information will also be updated properly in subsequent calls.
﻿
﻿
﻿