This document describes how to customize the UI of TUICallKit and provides two schemes for customization: slight UI adjustment and custom UI implementation.
Scheme 1. Slight UI Adjustment
You can adjust the UI of TUICallKit by directly modifying the UI source code in the iOS/TUICallKit-Swift folder in tencentyun/TUICallKit. Replacing icons: You can directly replace the icons in the Resources\\Assets.xcassets folder to customize the color tone and style of all the icons in your application. When you replace an icon, make sure the filename is the same as the original icon.
Replacing ringtones: You can replace ringtones by replacing the three audio files in the Resources\\AudioFile folder.
|
phone_dialing.m4a | The sound of making a call. |
phone_hangup.mp3 | The sound of being hung up. |
phone_ringing.flac | The ringtone for incoming calls. |
Replacing text: You can modify the strings on the video call UI by modifying the Localized.strings file in zh-Hans.lproj and en.lproj.
Scheme 2. Custom UI Implementation
The entire call feature of TUICallKit is implemented based on the UI-less component TUICallEngine. You can delete the tuicallkit folder and implement your own UIs based entirely on TUICallEngine.
TUICallEngine
TUICallEngine is the underlying API of the entire TUICallKit component. It provides key APIs such as APIs for making, answering, declining, and hanging up one-to-one audio/video and group calls and device operations.
|
| Create a TUICallEngine instance (singleton). |
| Destroy TUICallEngine instance (singleton). |
| Authenticates the basic audio/video call capabilities. |
| Add listener. |
| Remove listener. |
| Initiate a one-to-one or multi-person call |
| Proactively join a call |
| Accept call. |
| Reject call. |
| Hang up call. |
| Ignore call. |
| Invite users to the current call. |
| Switch the call media type, such as from video call to audio call. |
| Subscribe to the video stream of a remote user. |
| Unsubscribe from the video stream of a remote user. |
| Turn on the camera. |
| Turn off the camera. |
| Switch camera. |
| Enable microphone. |
| Disable the microphone. |
| Select the audio playback device (Earpiece/Speakerphone). |
| Set the user's profile picture and nickname. |
| Sets whether to enable multi-device login for TUICallEngine (supported by the Group Call package). |
| Set the rendering mode of video. |
| Set the encoding parameters of video encoder. |
| Advanced features. |
| Set beauty level, support turning off default beauty. |
TUICallObserver
TUICallObserver is the callback even class of TUICallEngine. You can use it to listen on the desired callback events.
|
| An error occurred during the call. |
| A call was received. |
| The call was canceled. |
| The call was connected. |
| The call ended. |
| The call type changed. |
| A user declined the call. |
| A user didn't respond. |
| A user was busy. |
| A user joined the call. |
| A user left the call. |
| Whether a user has a video stream. |
| Whether a user has an audio stream. |
| The volume levels of all users. |
| The network quality of all users. |
| The current user was kicked offline. |
| The user sig is expired. |
Definitions of key classes
|
| Call media type, Enumeration type: Unknown, Video, and Audio. |
| Call role, Enumeration type: None, Call, and Called. |
| Call status, Enumeration type: None, Waiting, and Accept. |
| The room ID, which can be a number or string. |
| The camera type. Enumeration type: Front camera and Back camera. |
| The audio playback device type. Enumeration type: Earpiece and Speakerphone. |
| The current network quality. |
