导语：直播作为营销和转化的有力工具，已经逐渐被大众所认可，直播场景常态化、规范化。细分之下，直播也分为众多的的赛道，企业直播、电商带货、知识传播纷纷拥抱直播渠道。开箱即用、稳定流畅、支持定制成为了企业快速上线属于自己的直播工具的核心诉求。
- TRTC 推出带 UI 的 Web 端推拉流组件 -
在企业直播、拍卖直播、电商带货、知识传播、远程教学等直播场景中，如果主播、观众需要另外下载客户端，会因为繁琐而流失一部分用户；此外，移动端直播由于潜在的网络波动影响，隐藏着比较大的风险。
本文介绍利用 腾讯云实时音视频TRTC 联合即时通信 IM 开发的 带 UI 的 Web 端直播组件 TUIPusher & TUIPlayer ，一个网址即可实现快速开播、快速观看。集成简单，开发者可以根据业务需求快速上线。
为了方便客户更加快速的体验 TUIPusher & TUIPlayer 的功能，我们提供了体验链接如下。（注：同时体验 TUIPusher 和 TUIPlayer 的效果需要登录两个不同账号）
TUIPusher：
web.sdk.qcloud.com/component/t…
TUIPlayer：
web.sdk.qcloud.com/component/t…
- TUIPusher 及 TUIPlayer 功能介绍 -
以下是TUIPusher 及 TUIPlayer 详细功能列表：
TUIPusher 推流组件：
- 支持采集麦克风和扬声器的流并推流可根据需求设置视频参数（帧率，分辨率，码率）
-
- 支持开启美颜并设置视频美颜参数
- 支持采集屏幕分享流并推流
- 支持推流到腾讯云实时音视频后台，推流到腾讯云 CDN
- 支持在线聊天室，和在线观众进行聊天互动
- 支持获取观众列表，对在线观众进行禁言操作
TUIPlayer 拉流组件：
- 支持同时播放音视频流和屏幕分享流
- 支持在线聊天室，和在线观众进行聊天互动
- 支持超低延时直播（300ms 延时）, 快直播（1000ms 以内延时）以及标准直播（支持超高并发观看）三种拉流线路
- TUIPusher 及 TUIPlayer 快速接入 -
在接入上，充分考虑接入的便捷性并兼顾业务方的定制化需求，3步极简接入，具体请参见文档 cloud.tencent.com/document/pr…
- 业务扩展 -
TUIPusher 及 TUIPlayer UI 组件为您提供了快速集成腾讯云实时音视频 TRTC 及 腾讯云即时通讯 IM 用于直播场景的解决方案。在推拉流 UI 组件的基础上，您可以结合用户管理系统及房间管理系统完善业务链路，增加点赞，在线商城，口令红包，答题抽奖等个性化功能丰富业务场景。
详细业务流程可参考下图：
- 最佳实践 -
在腾讯云CSIG3周年的直播活动中，TRTC团队承接了这一任务，由于是面向2W人的整个事业群，网络的稳定性就显得尤为重要。兼顾轻量的原则，最终主播端选用了web端的方案，并且利用专线保障网络，任意一台配置合格的电脑即可开播。而在观看端选择了轻量化的小程序。
在业务上，既有保障直播效果的线路选择，还有核心的直播带货功能，更有点赞、送礼、口令红包等互动玩法，需求方在TUI pusher的基础上，加上业务测试时间，耗时两周，快速上线口令红包、商品上下架、商品讲解等功能。
- 结语 -
在后续的迭代中, TRTC Web 端推拉流组件会逐渐与 iOS, Andriod 等各端连通，并在 Web端实现观众连麦、高级美颜、自定义布局、转推多平台、上传图片文字音乐等能力，欢迎大家多多使用、提出您的宝贵意见。
欢迎加入TUI组件使用交流 QQ 群（群号：592465424）进行技术交流和问题反馈。
