腾讯云TRTC服务实现小程序语音/视屏会议

腾讯云TRTC服务的入门

TRTC 是腾讯云主打全平台互通的多人音视频通话和低延时互动直播解决方案。TRTC服务有多种客户端的支持，对于IOS、Android、React native等都支持的比较好，我们主要在于 IOS、Android、Web三端进行处理，其中 TRTC Web SDK 基于 WebRTC 实现，基于腾讯云成熟的音视频积累，保证了视频流的低延时 高效传输等。

创建TRTC服务

首先，在腾讯云搜索 TRTC，https://cloud.tencent.com/search/%E5%AE%9E%E6%97%B6%E9%9F%B3%E8%A7%86%E9%A2%91/1_1，
然后点击立即使用：

然后到登录账户到达 TRTC 控制台，我首先需要建立一个 Demo 进行接入测试，这里我们就建立一个 audioDemo在这里插入图片描述
登录腾讯云后直接按照导航就可以找到开通的地方，然后要查看一下这个应用的配置，主要就是为了获得 SDKAppID 和 密钥，还有一些代码示例可以下载下来便与理解。在这里插入图片描述
有了appid和密钥之后我们就可以尽情的享受服务了

实现功能

语音聊天室：纯语音交互，支持多人互动语音聊天，以及混音、混响等声音特效功能。适合在线狼人杀、在线语音直播等社交类场景。
双人通话：1v1视频通话，配合 Web IM SDK 可以实现在线问诊，在线客服等需要面对面交流的沟通场景。
多人会议：支持多路视频通话和大小画面等围绕视频会议相关的高级功能，适用于远程培训、在线教育等场景。

环境要求

  • 微信 App iOS 最低版本要求：7.0.9。
  • 微信 App Android 最低版本要求：7.0.8。
  • 小程序基础库最低版本要求：2.10.0。
  • 由于微信开发者工具不支持原生组件（即 和 标签），需要在真机上进行运行体验。
  • 由于小程序测试号不具备 和 的使用权限，需要申请常规小程序账号进行开发。
  • 不支持 uniapp 开发环境，请使用原生小程序开发环境。

前提条件

  • 开通小程序这里就不赘述了，不懂的自行百度。
  • 这里主要开通小程序类目与推拉流标签权限，如不开通则无法正常使用。（注：出于政策和合规的考虑，微信暂未放开所有小程序对实时音视频功能（即 和 标签）的支持）
  • 小程序推拉流标签不支持个人小程序，只支持企业类小程序。

配置 Demo 工程文件

  1. 在腾讯云下载源码包，进入修改配置页，根据您下载的源码包，选择相应的开发环境。
  2. 找到并打开 ./debug/GenerateTestUserSig.js 文件。
  3. 设置 GenerateTestUserSig.js 文件中的相关参数：
    SDKAPPID：默认为0，请设置为实际的 SDKAppID。
    SECRETKEY：默认为空字符串，请设置为实际的密钥信息。
    在这里插入图片描述
  4. 粘贴完成后，单击已复制粘贴，下一步即创建成功。
  5. 编译完成后，单击回到控制台概览即可。

编译运行

  1. 打开微信开发者工具，选择小程序，单击新建图标，选择导入项目。
  2. 填写您微信小程序的 AppID，单击导入。
    在这里插入图片描述
    一个简单的视屏功能就实现啦