1. 请先确认您已经对这个产品有了大概的了解，并且已经完成了七牛实时音视频云接入流程。
2. 请先了解小程序开发，阅读 微信小程序开发者文档 。
3. 请在微信小程序后台 -> 开发 -> 开发设置 -> 服务器域名配置中，将 wss://rtmpgate.cloudvdn.com 加到 socket 合法域名中，将 https://pili-rtc-qos.qiniuapi.com 添加到 request 合法域名中。
4. 在小程序的开发后台打开实时播放/录制音视频流的开关（小程序后台 -> 开发 -> 接口设置）。

NPM 安装

npm install --save qnwxapp-rtc

SDK 引入

引入之后必须点击 微信开发者工具 > 工具 > 构建 npm 方可使用。关于在小程序中使用 npm 包，详情见微信官方文档 npm 支持 。

import { QNRTC } from 'qnwxapp-rtc'

console.log(QNRTC.VERSION)

const client = QNRTC.createClient()

引入组件

接下来，在页面的 wxml 中引入 live-pusher 和 live-player。

<view>
  <live-pusher mode="RTC" url="..."></live-pusher>
  <live-player mode="RTC" src="..."></live-player>
</view>

注意： 如果您需要在微信开发者工具上跑通我们的 demo ，请先在 demo 目录下执行 npm install ，然后点击 微信开发者工具 > 工具 > 构建 npm 即可。