Bootstrap

web端腾讯云之TRTC SDK,H5嵌入trtc,小程序嵌入H5-trtc 在本地泡通的教程这一篇足够

首先简单介绍下TRTC

T —— Tencent 腾讯
R-T —— Real-Time 实时的
C —— Communication 传播 / 交流 / 通信

实时音视频(TRTC)
是腾讯云提供的一套低延时、高质量的音视频通讯服务,致力于为腾讯云客户提供稳定、可靠和低成本的音视频传输能力。该服务由一套遍布全球的音视频传输网络和一组终端
SDK 组成,您可以在本页面下载到涵盖目前主流客户端平台和热门框架的 实时音视频(TRTC) SDK。–引用自官网

直接上干货

跟着我这个流程走即可快速体验web版的TRTC。

  1. 下载TRTC WEB SDK: 实时音视频 SDK 下载-无 UI 集成-文档中心-腾讯云 (tencent.com) 。【也可以后面在创建应用的时候选择自己想用的版本下载】
  2. 登录、注册腾讯云账号:登录 - 腾讯云 (tencent.com)
  3. 首次使用TRTC需要在腾讯云后台激活TRTC服务,控制台也会提示你,有进入链接;因为我已经激活过了,不太好找那个页面。
  4. 生成SDKAppID 和 SDKSecretKey: 快速跑通Demo - 开发辅助 - 实时音视频 - 控制台 (tencent.com)。【后期可以在同页面的应用管理模块查看应用】
  5. 下载好的demo项目里替换成自己的SDKappID以及SDKSecretKey :此处路径为:Web\base-js\js\debug
  6. 进入到quick-demo-vue2-js项目的根目录,npm run start 即可。
  7. 若想多人在同一个房间内视频,只需要浏览器端多开几个页面,保证 roomId一致即可。

如有不妥,欢迎指正,谢谢~~

;