文章目录
微信小程序接入直播
作者:kerwin
微信小程序开发如火如荼,很多公司都构建了自己的小程序。对于一些有产品的公司, 他们对于自己的小程序有直播需求,希望通过小程序直播获得流量变现。本文章就此需求,跟大家聊聊如何在自己的小程序加入直播功能。
一.小程序配置
小程序虽然提供了直播组件(后面会有介绍),但是直播组件暂只针对国内主体部分类目的小程序开放(https://developers.weixin.qq.com/miniprogram/dev/component/live-player.html),需要先通过类目审核,再在小程序管理后台,「开发」-「接口设置」中自助开通该组件权限。具体流程如下:
1.添加/更改服务类目
注意 :添加类目(小程序必须经过企业认证),可能需要提供资质证明,比如添加在线视频课程的类目需要的资质如下
2.开通实时播放/录制音视频流
二.云直播服务器
直播功能除了小程序端的支持,也需要服务器(推拉流服务器)支持,我们自己搭建的成本过高,所以本文基于腾讯云直播来实现。
1.云直播申请
- 注册 腾讯云账号,并完成 实名认证。
- 进入 腾讯云直播服务开通页,勾选同意《腾讯云服务协议》,并单击 申请开通 即可开通云直播服务。
说明:
云直播服务申请开通成功后,会赠送20GB国内播放流量免费体验使用。为避免赠送流量用完后自动扣费,导致欠费无法使用云直播服务,建议您根据实际业务需求, 购买相应规格的套餐包。
2.云直播配置
使用云直播服务,至少需要2个域名,一个作为推流域名,一个作为播放域名,推流和播放不能使用相同的域名。
2-1添加域名
-
准备自有域名,并完成域名备案。
-
登录云直播控制台,进入域名管理,单击添加域名
- 云直播默认提供测试域名
xxxx.livepush.myqcloud.com
,您可通过该域名进行推流测试,但不建议您在正式业务中使用这个域名作为推流域名。 - 域名添加成功后,您可通过 域名管理 的域名列表查看域名信息。若您需要对已添加成功的域名进行管理,请参见 域名管理。
3. 域名添加成功后,系统会为您自动分配一个 CNAME 域名(以.tlivecdn.com
或.tlivepush.com
为后缀)。CNAME 域名不能直接访问,您需要在域名服务提供商处完成 CNAME 配置,配置生效后即可享受云直播服务。
2-2获取推流地址
选择 直播工具箱 > 地址生成器。进入地址生成器页面,并进行如下配置:
-
选择生成类型:推流域名。
-
选择您在域名管理中已添加的推流域名。
-
填写 AppName,默认为
live
。 -
填写自定义的流名称 StreamName,例如:
liveteststream
。 -
选择地址过期时间,例如:
2021-05-31 23:59:59
。 -
单击 生成地址 即可生成推流地址。
2-3获取播放地址
选择 直播工具箱 > 地址生成器获取播放地址,在该页面进行如下配置:
- 选择生成类型:播放域名。
- 选择您在域名管理中已添加的播放域名。
- 填写 AppName,默认为
live
。 - 填写与推流地址相同的 StreamName,播放地址 StreamName 要与推流地址 StreamName 一致才能播放对应的流。
- 选择地址过期时间,例如:
2021-05-31 23:59:59
。 - 单击 生成地址 即可生成播放地址。
保存播放地址与推流地址,给后面的小程序组件使用。
三.组件介绍
1.live-pusher
https://developers.weixin.qq.com/miniprogram/dev/component/live-pusher.html
实时音视频录制需要用户授权 scope.camera
、scope.record
。
<live-pusher url