有奖捉虫:云通信与企业服务文档专题,速来> HOT
本文将介绍如何定制 TUICallKit 的用户界面,我们提供了两个方案供您选择:界面微调方案自实现 UI 方案

方案一:界面微调方案

TUICallKit 是含 UI 音视频通话组件,请点击发布日志查看最近更新记录。为了方便的进行源码调整,推荐直接将组件拷贝到您的项目中:
1. 下载 TUICallKit 源码
TUICallKit 版本 ≥ v1.3.0
TUICallKit 版本 ≤ v1.2.7
npm i @tencentcloud/call-uikit-wechat 
npm i @tencentcloud/call-uikit-wechat@1.2.7
2. 拷贝 TUICallKit 源码至项目中
macOS 端
Windows 端
mkdir -p ./TUICallKit && cp -r node_modules/@tencentcloud/call-uikit-wechat/ ./TUICallKit
xcopy node_modules\\@tencentcloud\\call-uikit-wechat .\\TUICallKit /i /e

替换图标

您可以直接替换 TUICallKit\\static 文件夹下的图标,以确保整个小程序中的图标色调风格保持一致,请在替换时保持图标文件的名字不变。




替换铃声

您可以替换 TUICallKit\\static 文件夹下的两个音频文件来达到替换铃声的目的:
文件名
用途
phone_dialing.mp3
发起呼叫时的声音
phone_ringing.mp3
接到呼叫时的声音