通过阅读本文,您可以了解运行小程序Demo的方法。

前提条件

  • 您的微信小程序账号已经过企业认证。
    说明 在调试小程序Demo时,需要使用live-pusher和live-player组件,而只有经过企业认证的账号才可以使用这两个组件。更多信息,请参见小程序官方文档
  • 已安装最新版本的微信开发者工具。下载地址,请参见微信开发者工具

注意事项

在进行功能开发时,mute视频会导致推流时某段时间不会发送音频数据,因此可能会造成流断开或者音画不同步。此问题属于小程序自身的缺陷,并非小程序SDK问题。

操作步骤

  1. 获取小程序组件权限并配置服务器域名。
    1. 登录微信公众平台
    2. 在左侧导航栏选择开发 > 开发管理,进入开发管理界面。
    3. 单击接口设置页签。
    4. 打开实时播放音视频流实时录制音视频流开关。
      001
    5. 单击开发设置页签。
    6. 设置request合法域名socket合法域名
      request合法域名设置为
      https://rgslb.rtc.aliyuncs.com
      https://onesig-rb.rtc.aliyuncs.com
      https://onesig-rb-z.rtc.aliyuncs.com
      https://onesig-rs.rtc.aliyuncs.com
      https://rtc-sz-client.cn-shenzhen.log.aliyuncs.com
      
      socket合法域名设置为
      wss://droomserver-pre.rtc.aliyuncs.com
      wss://roomserver-pre.rtc.aliyuncs.com
      wss://logprod.aliyuncs.com
  2. 下载并解压SDK及示例代码,下载地址,请参见SDK下载
  3. 复制SDK文件至示例代码中的sdk目录下。
  4. 导入小程序Demo。
    1. 打开并登录微信开发者工具。
    2. 在左侧导航栏选择小程序项目 > 小程序
    3. 单击小程序界面的+,输入项目名称、小程序Demo的目录和小程序AppID。
      002
    4. 单击导入
  5. 打开/utils/config.js,根据实际情况设置appServer
  6. 单击右上角真机调试,此时工具界面会出现一个真机调试的二维码。
    003
  7. 使用移动端微信扫描二维码,进入手机调试界面。
    1. 单击音视频通信,进入登录页。
    2. 输入房间名(1~20位,由大小写字母、数字、下划线(_)、中划线(-)组成),单击加入房间

      稍等片刻,可以在小程序的界面看到本地的视频画面,如果其他用户进入相同房间号,就可以和同房间用户进行通信。