tencent cloud

PrevNext

Feedback

search by keyword

Recent Pages

Documentation
Tencent Real-Time Communication
    Documentation
    Download PDF

    Flutter

    Last updated: 2024-03-12 14:51:07
    Download PDF
      This article will introduce how to customize the user interface of TUICallKit. We provide two solutions for you to choose: interface fine-tuning solution and self-implementation UI solution.
      Note: The page customization solution needs to use the tencent_calls_uikit plugin version 1.8.0 or later.

      Scheme 1. Slight UI Adjustment

      You can download the latest version of the tencent_calls_uikit plugin locally, and then use the local dependency method to access the plugin in your project. The local dependency method is as follows:
      Under the dependencies node in the project pubspec.yaml file, add the tencent_calls_uikit plugin dependency, as shown below:
      dependencies:
          tencent_calls_uikit:  
            path: your file path

      replace icon

      You can directly replace the icons under the assets\\images folder to ensure that the color tone of the icons in the entire app is consistent. Please keep the name of the icon file unchanged when replacing.
      
      
      

      replace ringtone

      You can replace the three audio files in the assets\\audios folder to achieve the purpose of replacing the ringtone:
      Name
      Purpose
      phone_dialing.mp3
      The sound of making a call
      phone_hangup.mp3
      The sound of being hung up
      phone_ringing.mp3
      The ringtone for incoming calls

      Replacing text

      You can modify the string content in the video call interface by modifying the strings in the strings.g.dart file in the lib\\src\\i18n directory.

      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.

      TUICallObserver

      TUICallObserver is the callback even class of TUICallEngine. You can use it to listen on the desired callback events.
      
      
      Contact Us

      Contact our sales team or business advisors to help your business.

      Contact Us
      Technical Support

      Open a ticket if you're looking for further assistance. Our Ticket is 7x24 avaliable.

      Submit a Ticket
      7x24 Phone Support
      Copyright © 2013-2024 Tencent Cloud. All Rights Reserved.
      Privacy PolicyLegalCookie Policy