腾讯云音视频低代码UI组件开发方案TUIKit_搭建企业自有音视频平台-云巴巴

腾讯云音视频低代码UI组件开发方案TUIKit

腾讯云音视频低代码UI组件开发方案TUIKit，快速实现全球跨平台、超高品质的实时音视频互动场景。微信小程序引擎深度合作，在微信小程序内提供媲美 Native 的绝佳音视频体验。提供覆盖泛娱乐、教育、企业服务丰富的场景化组件以及全平台的代码示例。

立即咨询

首页 > 产品中心 > 低代码开发平台 > 腾讯云音视频低代码UI组件开发方案TUIKit

TRTC：快速实现全球跨平台、超高品质的实时音视频互动场景 icon

超高品质
高品质：腾讯会议同款3A引擎高抗性：丢包率80%正常语音通话低延时：全球平均端到端延时<300ms

小程序深度合作
微信小程序引擎深度合作，在微信小程序内提供媲美 Native 的绝佳音视频体验。

低门槛快速接入
提供覆盖泛娱乐、教育、企业服务丰富的场景化组件以及全平台的代码示例。官方支持Flutter、Electron跨平台框架。

跨平台全球互通
端：Android、iOS、Windows、Mac、Web、小程序全平台SDK。云：覆盖全球200+国家和区域的实时传输网络。

TRTC整体架构及优势能力 icon

时下火热的音视频应用场景 icon

音视频通话

场景描述

两人或多人进行音视频通话，覆盖游戏社交、在线客服、视频客服、在线问诊、保险咨询等场景

功能优势

接入方便：提供带 UI 的开源组件，节省90%开发时间，快速上线音视频通话应用

大小窗切换：主叫方和被叫方自由切换本地的视频窗口

离线推送：通过离线推送，支持被叫用户 App 不在线时收到电话通知

语音互动直播

场景描述

覆盖语聊房、语音沙龙、语音互动游戏、在线K歌等场景

功能优势

支持千人连麦互动，百万观众超低延时收听

变声、空间音频、混响等丰富音频效果

提供带 UI 的开源组件，帮助开发者快速上线业务

视频互动直播

场景描述

覆盖秀场直播、零售电商、派对直播、互动大班课、语言培训、在线健身、在线相亲、虚拟世界等场景

功能优势

集成了推拉流、主播观众互动连麦、主播跨房 PK 等能力

iOS、Android 等多种接入方式，快速搭建视频互动直播场景

借助 AI 识别技术实现实时的美颜特效、动效贴纸等直播互动

视频会议

场景描述

覆盖多人会议、视频客服、远程招聘、企业培训等场景

功能优势

接入方便：提供带 UI 的开源组件，节省90%开发时间，快速上线会议应用极速出图

无感切屏：基于腾讯音视频系统架构，实现毫秒级出图和进出房间，告别黑屏等待，拥抱流畅互动体验

高品质音视频：支持 1080P 高清画质与 48kHz 高音质

短视频

场景描述

覆盖游戏片段剪辑、短视频新闻、社交创意短视频等场景

功能优势

提供包括 iOS、Android 等多种接入方式，快速搭建移动直播场景

借助 AI 识别技术，实现实时的美颜特效和动效贴纸等直播互动

支持实时的音视频通话，实现低延时直播连麦能力

TUIKit & aPaaS概念 TUIKit + 后台管理 =aPaaS icon

【aPaaS】

暨application Platform as a Service，是基于PaaS（平台即服务）的一种解决方案，支持应用程序在云端的开发、部署和运行，提供软件开发中的基础工具给用户，包括数据对象、权限管理、用户界面（UI）等。

【TUIKit】

TUIkit (Tencent User Interface Kit)(含UI集成方案)是腾讯云音视频团队在5000+客户的服务积累中，结合业内主流的音视频场景，提炼出的开源解决方案，包含视频通话组件、直播组件、视频房间组件等多个客户端音视频组件，可以帮助开发者快速搭建诸如通话、客服、直播、语聊、教育等场景解决方案。

音视频低代码解决方案TUIKit全景图 icon

TUIkit 是腾讯云音视频团队在5000+客户的服务积累中，提炼出的开源解决方案，包含通话、客服、直播、语聊、教育等场景解决方案。

音视频低代码解决方案TUIKit结构 icon

以音视频通话组件为例（TUICalling）model层和UI层解耦；无需理解model层逻辑；可自定义UI层。

低代码接入VS标准接入 icon

学习成本低
对底层SDK进行封装，抽象逻辑层，节省开发人员学习成本

节省90%开发时间
改2行代码，1分钟跑通Demo 节省80%人力和90%开发时间

适合客户
开发人员人力不足、项目周期紧

自行设计UI和后台
根据业务需要自行设计UI和后台服务，塑造品牌风格

灵活实现业务功能
按需调用SDK，业务实现更灵活

适合客户
开发人力充足，业务流程强定制

低代码接入-极简三步 icon

TUICalling（音视频通话） icon

案例分享 & QA

适用场景：视频客服、在线问诊、在线庭审、远程理赔

常见问题

TRTCCalling和TUICalling的关系？

TRTCCalling为逻辑层（不带UI）

TUICalling为低代码通话组件（带UI）

支持自定义头像、昵称、铃声吗？

都支持，业务侧自行实现即可

支持“来电提醒”功能吗？

目前android和IOS已支持

TUIRoom(多人会议) icon

TUIEducation（互动课堂） icon

案例分享 & QA

已接入客户：XX金融有限公司——金融教学

客户选择理由

①场景契合：培训讲师用电脑直播，观众随时发言交流

②技术框架合适：electron跨平台框架，难度相对较低

③逻辑一目了然：前期经过详细的技术调研，确定技术实现方案

④省心省力：集成举手上麦、自由发言等模式并且代码全部开源，参考快速实现

⑤服务到位：开发工程师全程跟进

案例分享 & QA

适用场景：教育、大型会议、在线会诊、视频面试

已接入客户：XX金融有限公司——金融教学常见问题

需要和其他端互通？

该组件和TUIRoom底层互通，可以参考TUIRoom去实现移动端、小程序等

目前人数限制是多少？

麦上300人，麦下百万人CDN旁路直播观看IM选用了public群组，体验版20人/群，总群组≤100，支持扩展到6000人/群。

布局可以变更吗

可以变更

TUIliveRoom（视频互动直播） icon

TUIPusher（网页互动直播-推流） icon

TUIPlayer（网页互动直播-拉流） icon

案例分享 & QA

已接入客户：XX招聘直播：参考+自定义扩展的典型代表。客户选择理由：①Web端优势：不依赖电脑配置、网络可保障。②火速响应需求：了解到大部分观众需要移动端观看，迅速兼容移动端，保障客户上线。③支持范围大：支持绝大多数市面上流行的浏览器；包含微信内嵌、企业微信内嵌浏览器等。④服务到位：开发工程师7X24小时服务。