实时音视频

  • 实时音视频 > 快速入门 > WXApp >开发准备

    开发准备

    最近更新时间: 2022-03-21 19:10:35

    开始之前

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

    引入 SDK

    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-pusherlive-player

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

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

    以上内容是否对您有帮助?
  • Qvm free helper
    Close