实时音视频 uniapp（客户端）

在视频会议中，参会者可以实时在聊天区发送消息，分享观点和想法，通过互发表情和动效氛围营造轻松愉快的交流环境。为了维护会议秩序，主持人或管理员可以设置禁止参会者在聊天中发送消息，以确保会议内容的专注和高效。通过灵活运用这些功能，视频会议可以为各种场景提供高效、便捷的沟通体验。
功能介绍
聊天互动
在会议界面底部菜单栏中，您可以找到一个名为聊天的按钮。点击后进入聊天界面。在聊天框中，参会人员可以通过参会人员可以通过发送文字、图片信息与与其他参会者进行沟通。这样的设计既方便了参会者之间的实时交流，又不会影响到正在发言的人。
聊天入口
聊天界面
﻿
﻿
﻿
表情互动
单击聊天界面编辑消息栏中的表情图标，出现表情列表，单击对应表情即可出现在消息栏中进行发送。
﻿
说明：
为尊重表情设计版权，TUIRoomKit 工程中不包含大表情元素切图，正式上线商用前请您替换为自己设计或拥有版权的其他表情包。默认的小黄脸表情包版权归腾讯云所有，可有偿授权使用，如您希望获得授权可 提交工单 联系我们。
功能接入
目前 uniapp 内部已经集成会中的聊天能力，您可以单击 Github 下载 TUIRoomKit 代码，并参见代码仓库 README.md 文档跑通 TUIRoomKit uniapp示例工程。
若您是参见 快速接入 文档，接入自己已有项目里面的话，请参见下面指引进行使用。
1. 前往 Github 将聊天模块代码拷贝到自己项目里面，建议与 TUIRoom 放在平级。
﻿
2. 配置聊天页面路径
﻿
配置 pages.json
﻿
3. 初始化聊天
在 App.vue 中，新增如下代码。
  <script lang="ts">
  import { TUILogin } from '@tencentcloud/tui-core';
  import { roomChatInit } from '../TUIKit';// 修改为自己的 TUIKit 的相对路径
  
    TUILogin.login({
	   SDKAppID: '', // Your SDKAppID
	   userID: '', // Your userID
	   userSig: '', // Your userSig
	   useUploadPlugin: true, // If you need to send rich media messages, please set to true.
	 });
  roomChatInit();
}
</script>
4. 在 RoomKit 中配置跳转聊天路径
在 TUIRoom 组件中，TUIRoom/components/RoomFooter/ChatControl.vue文件中，修改为自己在 步骤2 中配置的路径。
  uni.navigateTo({ url: `/src/roomkit/TUIKit/components/TUIChat/index?conversationID=${conversationID}` });
常见问题
1. 若需要使用视频播放能力，需要在 App 模块配置中勾选视频播放模块。
﻿
uniapp（客户端）

本页目录：

功能介绍

聊天互动

表情互动

功能接入

常见问题
