本文为您介绍了小程序端集成 SDK 的操作步骤，帮助您快速集成 SDK 并实现实时音视频通话的基本功能。

环境要求

请确保您的开发环境符合以下环境要求：

• 微信小程序：

  • 微信 App iOS 最低版本要求：7.0.9
  • 微信 App Android 最低版本要求：7.0.8
  • 小程序基础库最低版本要求：2.10.0
  • 已安装最新版本的微信开发者工具。
  • 由于微信开发者工具不支持原生组件（即 < live-pusher > 和 < live-player > 标签），需要在真机上进行运行体验。

• QQ 小程序：

  • QQ App 推荐版本：8.8.3 和 8.8.5
  • 小程序基础库最低版本要求：v1.28.0
  • 已安装最新版本的 QQ 小程序开发者工具。
  • 已安装 QQ 的移动端设备以供调试和运行体验。

前提条件

• 已参考入门操作流程，在网易云信控制台中创建应用、获取App Key，且已为该应用开通了音视频通话2.0 产品。
• 微信小程序：
  • 已注册微信小程序账号，并通过企业认证，并在【微信公众平台】>【开发】>【接口设置】中自助打开实时播放音视频流和实时录制音视频流的开关。仅指定类目的应用可以开通小程序推拉流标签。
  • 已在微信小程序中创建微信的 live-pusher 组件和 live-player 组件，分别实现音视频播放和音视频录制功能。
• QQ 小程序：
  • 注册 QQ 小程序开发者平台，并通过资质审核。详细说明请参考 QQ 小程序官方文档。
  • 已在微信小程序中创建微信的 live-pusher 组件和 live-player 组件，分别实现音视频播放和音视频录制功能。
  • 仅指定类目的应用可以使用 live-pusher 和 live-player 组件，请确认应用已通过小程序的类目审核。

配置白名单并打开端口

如果您的网络环境部署了防火墙，请在小程序管理后台，将以下域名及对应端口添加到域名白名单中。

域名：

# http接口
https://nrtc.netease.im
https://webrtcgwcn.netease.im
https://webrtcgwhz.netease.im
https://statistic.live.126.net
# websocket接口
wss://webrtcgwcn.netease.im
wss://webrtcgwhz.netease.im

端口：

目标端口	协议	操作
80；443	TCP	允许
30000 ~ 40000	UDP	允许

集成 SDK

1. 下载 NERTC 微信小程序 SDK。
2. 引入 SDK。

import YunXinMiniappSDK from '../../sdk/NERTC_Miniapp_SDK_v4.4.0.js'

此处版本号仅为示例，推荐使用最新版本。

后续步骤

实现音视频通话（小程序）