新知实验室基于腾讯云实时音视频WEB端实验

腾讯实时音视频（Tencent Real-Time Communication，TRTC）主要用于互动直播和多人音视频。支持低延时直播观看、实时录制、屏幕分享、美颜特效、立体声等能力，还能和直播 CDN 无缝对接，适用于互动连麦、跨房 PK、语音电台、K 歌、小班课、大班课、语音聊天、视频聊天、在线会议等业务场景。

一、登录腾讯云、进入实时音视频产品页面，看看产品介绍，点击开发辅助快速跑Demo。按照操作指引操作。创建应用。

二、下载Web的Demo源码https://web.sdk.qcloud.com/trtc/webrtc/download/webrtc_latest.ziphttps://web.sdk.qcloud.com/trtc/webrtc/download/webrtc_latest.zip

三、解压压缩包，目录结构如下

四、以base-js为例，修改配置文件，SDKAPPID修改成应用id，SECRETKEY改成密钥

五、修改后吧base-js发布到nginx，并访问，如下图所示即为成功

 六、点击进入房间，进入后如下图所示

  七、重新打开网页，把房间号改为以前的，点击进入房间，如下图所示

八、问题与总结

1、电脑需要开放摄像头权限，否则会出现空白

2、音视频清楚，应该自带美颜

九、个人的思考

  整体下来，给我的感觉就是快！！！能够非常快速的就搭建起来一个Demo，从而能够全面的体验TRTC的各个功能。

  1、交互体验还是非常不错的，非常的顺畅，交互也非常平滑；其次就是实时视频的延迟，还是非常不错的，延迟非常低；最后就是接入的难度，难度那是相当的低，只要你有对应的开发环境，那接入Demo就是秒秒钟。

  2、虽然第一次接入Demo的时候非常简单，非常快，但是实际在工作中的接入场景肯定还是接入API这种方式的，但是如果要把API和Demo做一个比较的话，API的不管是接入难度还是阅读难度都高了好几个档次，这一点来说体验还需改善，建议官方可以提高一下API的接入平滑性，或者示例的数量，我个人是接入到一半放弃了，不知道其他人接入API是怎么样？我是连官方文档带搜索资料各种查。

  3、官方其实已经让快速Demo已经门槛够低了，我觉得也不用在这上面花太多精力了，但是快速demo既不能让工程师从本质接入的时候能够思考到什么，比如快速跑通demo封装的每一块是如何实现的，我估计有人肯定去研究了源码，但是这个难度肯定比在官方学API文档难度更大。我的个人建议是 加强API文档的丰富性、部分高级功能接口也能免费体验1000分钟或者你们认为合适的时间区间、在TRTC方向多做点微组件封装。

  4、在参加这次活动的同时，也是了解到除了TRTC以外，它还有几个互相配合的产品，比如 IM（及时聊天）以及腾讯音乐库这个也是可以接入的。这样的话其实几个产品的API组合可以面向现在市场上的非常多的业务场景【短视频、直播带货、云听故事、云PK等】

十、参考与帮助      

 1、参考手册 https://cloud.tencent.com/document/product/647https://cloud.tencent.com/document/product/647

 2、腾讯云在线demoTRTC实时音视频通话https://web.sdk.qcloud.com/trtc/webrtc/demo/latest/official-demo/index.html

3、Demo-github地址

GitHub - LiteAVSDK/TRTC_Web: High-quality WebRTC SDKHigh-quality WebRTC SDK. Contribute to LiteAVSDK/TRTC_Web development by creating an account on GitHub.https://github.com/LiteAVSDK/TRTC_Web