tencent cloud

实时音视频

动态与公告
产品动态
产品近期公告
关于 TRTC Live 正式上线的公告
关于TRTC Conference 正式版上线的公告
Conference 商业化版本即将推出
关于多人音视频 Conference 开启内测公告
关于音视频通话 Call 正式版上线的公告
关于腾讯云音视频终端 SDK 播放升级及新增授权校验的公告
关于 TRTC 应用订阅套餐服务上线的相关说明
产品简介
产品概述
基本概念
产品功能
产品优势
应用场景
性能数据
购买指南
计费概述
免费时长说明
月订阅
现收现付
TRTC 逾期与暂停政策
常见问题解答
退款说明
新手指引
Demo 体验
视频通话 SDK
组件介绍
开通服务
跑通 Demo
快速接入
离线唤醒
会话聊天
云端录制
AI 降噪
界面定制
Chat 集成通话能力
更多特性
无 UI 集成
服务端 API
客户端 API
解决方案
错误码表
发布日志
常见问题
视频会议 SDK
组件介绍(TUIRoomKit)
开通服务(TUIRoomKit)
跑通 Demo(TUIRoomKit)
快速接入(TUIRoomKit)
屏幕共享(TUIRoomKit)
预定会议(TUIRoomKit)
会中呼叫(TUIRoomKit)
界面定制(TUIRoomKit)
虚拟背景(TUIRoomKit)
会议控制(TUIRoomKit)
云端录制(TUIRoomKit)
AI 降噪(TUIRoomKit)
会中聊天(TUIRoomKit)
机器人推流(TUIRoomKit)
更多特性(TUIRoomKit)
客户端 API(TUIRoomKit)
服务端 API(TUIRoomKit)
常见问题(TUIRoomKit)
错误码 (TUIRoomKit)
SDK更新日志(TUIRoomKit)
直播与语聊 SDK
Live 视频直播计费说明
组件介绍
开通服务(TUILiveKit)
跑通 Demo
无 UI 集成
UI 自定义
直播监播
视频直播
语聊房
高级功能
客户端 API
服务端 API
错误码
发布日志
常见问题
RTC Engine
开通服务
SDK 下载
API-Example
接入指引
API-参考手册
高级功能
AI 集成
概述
MCP 配置
Skills 配置
集成指南
常见问题
RTC RESTFUL API
History
Introduction
API Category
Room Management APIs
Stream mixing and relay APIs
On-cloud recording APIs
Data Monitoring APIs
Pull stream Relay Related interface
Web Record APIs
AI Service APIs
Cloud Slicing APIs
Cloud Moderation APIs
Making API Requests
Call Quality Monitoring APIs
Usage Statistics APIs
Data Types
Appendix
Error Codes
控制台指南
应用管理
套餐包管理
用量统计
监控仪表盘
开发辅助
解决方案
实时合唱
常见问题
迁移指南
计费相关
功能相关
UserSig 相关
应对防火墙限制相关
缩减安装包体积相关
Andriod 与 iOS 相关
Web 端相关
Flutter 相关
Electron 相关
TRTCCalling Web 相关
音视频质量相关
其他问题
旧版文档
RTC RoomEngine SDK(旧)
集成 TUIRoom (Web)
集成 TUIRoom (Android)
集成 TUIRoom (iOS)
集成 TUIRoom (Flutter)
集成 TUIRoom (Electron)
TUIRoom API 查询
实现云端录制与回放(旧)
监控仪表盘计费(旧)
协议与策略
安全合规认证
安全白皮书
信息安全说明
服务等级协议
苹果隐私策略:PrivacyInfo.xcprivacy
TRTC 政策
隐私协议
数据处理和安全协议
词汇表

Flutter

PDF
포커스 모드
폰트 크기
마지막 업데이트 시간: 2024-07-05 19:08:14
在视频会议中,参会者可以实时在聊天页面发送消息,分享观点和想法,通过互发表情和动效氛围营造轻松愉快的交流环境。为了维护会议秩序,主持人或管理员可以设置禁止参会者在聊天中发送消息,以确保会议内容的专注和高效。通过灵活运用这些功能,视频会议可以为各种场景提供高效、便捷的沟通体验。

功能介绍

文字、多媒体信息互动

单击会议界面底部聊天选项即可到达聊天界面。参会者可自由发送文字图片视频语音,实时沟通无阻,且不影响会议发言进程。




表情互动

单击聊天界面编辑消息栏中的表情图标,出现表情列表,单击对应表情即可出现在消息栏中进行发送。




管控会中聊天权限

主持人/管理员可在成员管理中设置某一成员的聊天权限。如果被禁言,普通成员将无法进行消息的发送。




功能接入

集成聊天组件

在您的工程pubspec.yaml文件中,添加 tencent_cloud_chat_message 插件依赖。
dependencies:
tencent_cloud_chat_message: 最新版本

国际化语言配置

此步骤为必需配置。首先,将本地化工具导入到应用程序的入口文件中。
import 'package:tencent_cloud_chat_intl/localizations/tencent_cloud_chat_localizations.dart';
接下来,将本地化配置添加到 MaterialAppGetMaterialApp 等第三方包提供的其他条目中,这里以 GetMaterialApp 为例:
GetMaterialApp(
localizationsDelegates: const [
/// 您原先的配置
GlobalMaterialLocalizations.delegate,
/// 添加此行
...TencentCloudChatLocalizations.localizationsDelegates,
],
supportedLocales: [
/// 您原先的配置
...S.delegate.supportedLocales,

/// 添加此行
...TencentCloudChatLocalizations.supportedLocales,
],
/// 其他配置
)

初始化和登录

在您的项目中添加如下代码,它的作用是通过调用聊天中的相关接口完成组件的初始化及登录。这个步骤非常关键,因为只有在初始化后才能正常使用聊天,故请您耐心检查相关参数是否配置正确。其中的参数 sdkAppIduserID userSig 您已在 登录TUIRoomKit 时使用过。
import 'package:tencent_cloud_chat/components/component_config/tencent_cloud_chat_message_common_defines.dart';
import 'package:tencent_cloud_chat/components/component_config/tencent_cloud_chat_message_config.dart';
import 'package:tencent_cloud_chat/models/tencent_cloud_chat_models.dart';
import 'package:tencent_cloud_chat/tencent_cloud_chat.dart';
import 'package:tencent_cloud_chat_message/tencent_cloud_chat_message.dart';

await TencentCloudChat.controller.initUIKit(
options: TencentCloudChatInitOptions(
sdkAppID: 'SDKAPPID', // 您的SDKAPPID
userID: 'userID', // 您的userID
userSig: 'userSig', // 您的UserSig
),
components: TencentCloudChatInitComponentsRelated(
usedComponentsRegister: [TencentCloudChatMessageManager.register], // 注册聊天组件
componentConfigs: TencentCloudChatComponentConfigs(
messageConfig: TencentCloudChatMessageConfig(
// 以下代码中的配置为建议配置。
showMessageSenderName: ({groupID, topicID, userID}) => true,
showSelfAvatar: ({groupID, topicID, userID}) => true,
defaultMessageMenuConfig: ({groupID, topicID, userID}) =>
TencentCloudChatMessageDefaultMessageMenuConfig(
enableMessageForward: false,
enableMessageSelect: false,
),
),
),
),
plugins: [],
);

使用表情(可选)

如您需要使用发送和接收表情,您需要进行如下配置:

添加依赖

在您工程的pubspec.yaml文件中,添加 tencent_cloud_chat_sticker 插件依赖。

完成配置

在上一步 初始化和登录plugins中,添加如下代码:
plugins: [
TencentCloudChatPluginItem(
name: "sticker",
initData: TencentCloudChatStickerInitData(
useDefaultSticker: true, // 默认表情,仅此表情包可与TUIRoomKit其他端互通。
useDefaultCustomFace_4350: false, // 如您无需使用其他端TUIRoomKit,可启用下列表情包。
useDefaultCustomFace_4351: false,
useDefaultCustomFace_4352: false,
userID: 'userId', // 您的userId
).toJson(),
pluginInstance: TencentCloudChatStickerPlugin(
context: context,
),
),
],
说明:
为尊重表情设计版权,TUIRoomKit example工程中不包含大表情元素切图,正式上线商用前请您替换为自己设计或拥有版权的其他表情包。默认的小黄脸表情包版权归腾讯云所有,可有偿授权使用,如您希望获得授权可 提交工单 联系我们。

使用聊天

当您 创建会议或加入会议成功 时,您需要向会议界面ConferenceMainPage中传入 chatWidget 。传入后将显示底部工具栏中的聊天按钮,点击聊天按钮后自动导航到
Navigator.push(
context,
MaterialPageRoute(
builder: (context) => ConferenceMainPage( // 会议主界面
chatWidget: TencentCloudChatMessage(
options: TencentCloudChatMessageOptions(groupID: 'yourConferenceId'), //您的ConferenceId
),
),
),
);
完成以上配置后,您便可以在会议中点击聊天按钮进行聊天交流。

도움말 및 지원

문제 해결에 도움이 되었나요?

피드백