运行直播小程序Demo

前提条件

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

• 您的微信小程序账号已经过企业认证。

  说明

  在调试小程序Demo时，需要使用live-pusher和live-player组件，而只有经过企业认证的账号才可以使用这两个组件。更多信息，请参见小程序官方文档。

• 已安装最新版本的微信开发者工具。下载地址，请参见微信开发者工具。

方案选型

1. 如果您仅需要阿里云提供直播推拉流能力，由集成方自行实现应用层的业务编排，请参照操作步骤实现直播推流、拉流功能。

2. 如果您需要快速发布直播观众端，可以通过AUI Kits低代码开发套件快速集成带UI的观众端，请参照微信小程序接入。

操作步骤

1. 获取小程序组件权限。

   1. 登录微信公众平台。

   2. 在左侧导航栏选择开发 > 开发管理，进入开发管理界面。

   3. 单击接口设置页签。

   4. 打开实时播放音视频流和实时录制音视频流开关。

      在接口权限区域，找到实时播放音视频流和实时录制音视频流两个选项，确认右侧开关已切换为开启状态（绿色表示已开启）。

2. 下载并解压直播小程序Demo，下载地址，请参见直播小程序Demo。

   说明

   如果GitHub代码库下载缓慢，可安装加速插件等方式加速下载。

3. 导入小程序Demo。

   1. 打开并登录微信开发者工具。

   2. 在左侧导航栏选择小程序项目 > 小程序。

   3. 单击小程序界面的+，输入项目名称、小程序Demo的目录和小程序AppID。

      在导入项目页签中，项目名称输入小程序名称，目录选择已解压的小程序Demo文件夹路径，AppID填入您的小程序AppID。

      说明

      您可以登录微信公众平台，左侧导航栏选择开发 > 开发管理，在开发设置中查看AppID。

   4. 单击新建。

4. 单击右上角真机调试，此时工具界面会出现一个真机调试的二维码。

   说明

   推拉流相关实现，位于index目录下。

5. 使用移动端微信扫描二维码，进入手机调试界面。

   1. 输入推流地址和播流地址。获取推流地址和播流地址，请参见快速开始视频直播。

      说明

      • 推流地址：只支持RTMP协议的推流地址。

      • 播流地址：只支持RTMP、FLV协议的播流地址。

   2. 单击Push进行推流。

   3. 单击Play进行播流。

      效果如下所示：

      推流成功后，推流地址输入框下方显示已连接状态，并实时显示推流画面预览。在播流地址输入框中输入播流地址后，单击Play按钮即可在下方观看播流画面。

相关文档

若您需要对直播内容进行录制以满足回放等需求，请参见直播录制功能。