微信小程序接入直播

微信小程序接入直播

​ 作者：kerwin

微信小程序开发如火如荼，很多公司都构建了自己的小程序。对于一些有产品的公司， 他们对于自己的小程序有直播需求，希望通过小程序直播获得流量变现。本文章就此需求，跟大家聊聊如何在自己的小程序加入直播功能。

一.小程序配置

小程序虽然提供了直播组件（后面会有介绍），但是直播组件暂只针对国内主体部分类目的小程序开放（https://developers.weixin.qq.com/miniprogram/dev/component/live-player.html），需要先通过类目审核，再在小程序管理后台，「开发」-「接口设置」中自助开通该组件权限。具体流程如下：

1.添加/更改服务类目

注意 ：添加类目（小程序必须经过企业认证），可能需要提供资质证明，比如添加在线视频课程的类目需要的资质如下

2.开通实时播放/录制音视频流

二.云直播服务器

直播功能除了小程序端的支持，也需要服务器（推拉流服务器）支持，我们自己搭建的成本过高，所以本文基于腾讯云直播来实现。

1.云直播申请

1. 注册 腾讯云账号，并完成 实名认证。
2. 进入 腾讯云直播服务开通页，勾选同意《腾讯云服务协议》，并单击 申请开通 即可开通云直播服务。

说明：

云直播服务申请开通成功后，会赠送20GB国内播放流量免费体验使用。为避免赠送流量用完后自动扣费，导致欠费无法使用云直播服务，建议您根据实际业务需求， 购买相应规格的套餐包。

2.云直播配置

使用云直播服务，至少需要2个域名，一个作为推流域名，一个作为播放域名，推流和播放不能使用相同的域名。

2-1添加域名

1. 准备自有域名，并完成域名备案。

2. 登录云直播控制台，进入域名管理，单击添加域名

• 云直播默认提供测试域名xxxx.livepush.myqcloud.com，您可通过该域名进行推流测试，但不建议您在正式业务中使用这个域名作为推流域名。
• 域名添加成功后，您可通过 域名管理 的域名列表查看域名信息。若您需要对已添加成功的域名进行管理，请参见 域名管理。
  3. 域名添加成功后，系统会为您自动分配一个 CNAME 域名（以 .tlivecdn.com 或 .tlivepush.com 为后缀）。CNAME 域名不能直接访问，您需要在域名服务提供商处完成 CNAME 配置，配置生效后即可享受云直播服务。

2-2获取推流地址

选择 直播工具箱 > 地址生成器。进入地址生成器页面，并进行如下配置：

1. 选择生成类型：推流域名。

2. 选择您在域名管理中已添加的推流域名。

3. 填写 AppName，默认为 live。

4. 填写自定义的流名称 StreamName，例如：liveteststream。

5. 选择地址过期时间，例如：2021-05-31 23:59:59。

6. 单击 生成地址 即可生成推流地址。

2-3获取播放地址

选择 直播工具箱 > 地址生成器获取播放地址，在该页面进行如下配置：

1. 选择生成类型：播放域名。
2. 选择您在域名管理中已添加的播放域名。
3. 填写 AppName，默认为 live。
4. 填写与推流地址相同的 StreamName，播放地址 StreamName 要与推流地址 StreamName 一致才能播放对应的流。
5. 选择地址过期时间，例如：2021-05-31 23:59:59。
6. 单击 生成地址 即可生成播放地址。
   

保存播放地址与推流地址，给后面的小程序组件使用。

三.组件介绍

1.live-pusher

https://developers.weixin.qq.com/miniprogram/dev/component/live-pusher.html

实时音视频录制需要用户授权 scope.camera、scope.record。

  <live-pusher url