功能⑧ 小程序即时通信

1 前言

小程序的实时音视频是基于微信原生组件标签 和 实现的

• trtc-wx 包是一个专门为您管理 TRTC 状态的一个类，作为一个纯 js 模块，可以根据业务场景，自主编写页面的元素布局。

• trtc-wx 可以管理所有与实时音视频相关的状态，以及调用挂载在 和 上的方法。

• 整体的调用逻辑:

  • trtc-room.wxml 是自主编写的 wxml 文件，其中包括 和 节点。
  • trtc-room.js 是业务层代码，需要在这个文件中引用 trtc-wx.js。

2 准备工作

2.1 开通小程序类目与推拉流标签权限

• 出于政策和合规的考虑，微信暂未放开所有小程序对 实时音视频功能（即 <live-pusher> 和 <live-player> 标签）的支持：

小程序推拉流标签不支持个人小程序，只支持企业类小程序。

小程序推拉流标签使用权限暂时只开放给有限类目。

• 符合类目要求的小程序，需要在【微信公众平台】>【开发】>【接口设置】中自助开通该组件权限

2.2 通过控制台创建应用

腾讯云即时通讯IM官网

2.2.1 创建应用

1. 登录即时通信 IM 控制台

2. 单击【+添加新应用】

3. 在【创建应用】对话框中输入您的应用名称，单击【确定】。

创建完成后，在项目中的config.js配置文件中记录SDKAppID信息

2.2.2 获取密钥信息

在项目中的config.js配置文件中记录SECRETKEY信息

2.3 小程序服务器域名配置

3 环境要求

• 小程序基础库最低版本要求：2.10.0。

• 由于微信开发者工具不支持原生组件（即 和 标签），需要在真机上进行运行体验

4 下载SDK

腾讯云镜像包下载

5 实际应用

https://cloud.tencent.com/document/product/269/37413

转发自从零开始创建一个超简单的TRTC音视频通讯程序(小程序篇)