首先简单介绍下TRTC
T —— Tencent 腾讯
R-T —— Real-Time 实时的
C —— Communication 传播 / 交流 / 通信
实时音视频(TRTC)
是腾讯云提供的一套低延时、高质量的音视频通讯服务,致力于为腾讯云客户提供稳定、可靠和低成本的音视频传输能力。该服务由一套遍布全球的音视频传输网络和一组终端
SDK 组成,您可以在本页面下载到涵盖目前主流客户端平台和热门框架的 实时音视频(TRTC) SDK。–引用自官网
直接上干货
跟着我这个流程走即可快速体验web版的TRTC。
- 下载TRTC WEB SDK: 实时音视频 SDK 下载-无 UI 集成-文档中心-腾讯云 (tencent.com) 。【也可以后面在创建应用的时候选择自己想用的版本下载】
- 登录、注册腾讯云账号:登录 - 腾讯云 (tencent.com)。
- 首次使用TRTC需要在腾讯云后台激活TRTC服务,控制台也会提示你,有进入链接;因为我已经激活过了,不太好找那个页面。
- 生成SDKAppID 和 SDKSecretKey: 快速跑通Demo - 开发辅助 - 实时音视频 - 控制台 (tencent.com)。【后期可以在同页面的应用管理模块查看应用】
- 下载好的demo项目里替换成自己的SDKappID以及SDKSecretKey :此处路径为:Web\base-js\js\debug
- 进入到quick-demo-vue2-js项目的根目录,
npm run start
即可。 - 若想多人在同一个房间内视频,只需要浏览器端多开几个页面,保证 roomId一致即可。
如有不妥,欢迎指正,谢谢~~