直播小程序是基于阿里云的视频直播服务在微信小程序内实现直播推流和直播播放的完整Demo。通过阅读本文,您可以快速搭建直播小程序Demo,了解如何在微信小程序中使用阿里云直播服务。

前提条件

  1. 准备一个可以进行微信登录的移动设备。
  2. 开通阿里云视频直播服务并完成相应配置。

    开通阿里云视频直播服务,完成推流域名和播流域名的添加和配置,获取推流地址和播放地址,用于在微信小程序中推流和播流。具体操作,请参见快速入门

  3. 注册微信小程序并完成类目审核。
    1. 登录微信公众平台,使用企业账号下的开发者账号,注册指定类目的微信小程序。
      注意
      • 微信小程序的直播相关组件,暂只针对国内主体部分类目的小程序开放。请您在注册时查看音视频播放组件开放类目列表,选择直播相关组件开放的小程序类目。您需要先注册微信小程序并通过类目审核才能具备组件权限。
      • 以上类目的小程序,需要企业账号下的开发者才能注册,个人用户无法申请。
    2. 等待类目审核通过。
  4. 下载电脑系统对应版本的小程序开发工具
    说明 建议使用稳定版Stable Build进行开发。

开通小程序推流、播流权限

微信小程序提供了原生推流组件和播流组件:
  • live-pusher

    小程序内部用于支持音视频上行(推流)能力的功能标签,该标签可以用于直播推流,组件属性定义请参见live-pusher官方文档

  • live-player

    小程序内部用于支持音视频下行(播放)能力的功能标签,该标签可以用于直播播放,组件属性定义详见live-player官方文档

符合类目要求的小程序,需要在小程序管理后台的开发 > 接口设置中自助开通推拉流标签的使用权限,如下图所示:自助开通推拉流标签的使用权限

Demo运行指引

  1. 下载并解压直播小程序Demo
    说明 您在下载直播小程序Demo时请确保网络通畅。
    1
  2. 导入源码。
    1. 登录微信开发者工具。
    2. 在左侧导航栏选择小程序项目 > 小程序,单击+创建小程序。
    3. 目录文本框中,选择解压后的直播小程序Demo文件夹。创建小程序
    4. AppID文本框中,填写申请好的小程序AppID。

      您可以在小程序管理后台的开发 > 开发管理 > 开发设置中查看。

      查看AppID
    5. 单击新建
  3. 真机调试。
    单击真机调试按钮,使用微信扫描二维码进行调试体验。
    说明 推拉流相关实现,位于index目录下。
    真机调试
  4. 推流和播流
    1. 在阿里云直播服务控制台获取到推流地址和播放地址,具体操作,请参见生成推流地址和播放地址
    2. 将推流地址和播流地址分别输入小程序Demo中的地址栏中。
      说明
      • 推流地址:小程序只支持RTMP协议的推流地址。
      • 播放地址:小程序只支持RTMP协议和FLV协议的播放地址。
    3. 点击Push按钮,进行推流。
    4. 点击Play按钮,进行播流。
    测试