腾讯云即时通信IM微信小程序_AI解决方案_同尘科技

即时通信 IM 2年前 (2023-04-13) 浏览 90

本文将介绍如何定制 TUICallKit 的用户界面,我们提供了两个方案供您选择:界面微调方案自实现 UI 方案

方案一:界面微调方案

TUICallKit 是含 UI 音视频通话组件,请点击发布日志查看最近更新记录。为了方便的进行源码调整,推荐直接将组件拷贝到您的项目中:1. 下载 TUICallKit 源码TUICallKit 版本 ≥ v1.3.0TUICallKit 版本 ≤ 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 接到呼叫时的声音



对即时通讯IM解决方案有疑惑?想了解解决方案收费? 联系解决方案专家

腾讯云限时活动1折起,即将结束: 马上收藏

同尘科技为腾讯云授权服务中心,购买腾讯云享受折上折,更有现金返利:同意关联,立享优惠

阿里云解决方案也看看?: 点击对比阿里云的解决方案

- 0人点赞 -

发表点评 (0条)

not found

暂无评论,你要说点什么吗?