Customization for Full-featured Integration
This document will describe how to customize the user interface of TUILiveKit. We provide three solutions for you to choose from: interface fine-tuning plan, single feature integration plan, and room engine integration plan.
Option 1: Interface Fine-Tuning Plan
Directly modify the UI source code we provide to adjust the user interface of TUILiveKit. The interface source code of TUILiveKit is located in the LiveKit folder on GitHub:
Replace Icons
You can directly replace the icons under the
TUILiveKit/Resources/TUILiveKit.xcassets/icon folder and the icons under the component name.xcassets/icon folders of other components in the Component directory to ensure the icon color and style remain consistent throughout the entire App. Please keep the icon file names unchanged during replacement.
Replace Copy
You can modify the string content by modifying the
.xcstrings files under the Resources/Localized/ directory and the .xcstrings files under the Resources/Localized/ directories of all components. Please note that our strings follow the policy of maintaining consistency with English and Key values.Option 2: Single Function Access Plan
If the interface fine-tuning plan meets your requirements and you need to disable some features while adding some of your own business, you can use this method for integration. Details visible: Pick Modules Integration
Solution Three: Integrating Room Engine Solution
If the first two solutions cannot meet your needs, you can fully implement your own UI interface based on the RTC Room Engine SDK. Details visible: RTC RoomEngine.
