本文将介绍如何定制 TUICallKit 的用户界面,我们提供了两个方案供您选择:界面微调方案和自实现 UI 方案。
方案一:界面微调方案
1. 下载 TUICallKit 源码
npm i @tencentcloud/call-uikit-wechat
npm i @tencentcloud/call-uikit-wechat@1.2.7
2. 拷贝 TUICallKit 源码至项目中
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 | 接到呼叫时的声音 |