微信直播小程序怎么做(小程序直播使用指南)

微信直播小程序怎么做(小程序直播使用指南)

微信直播小程序怎么做(小程序直播使用指南)前言

微信直播小程序怎么做(小程序直播使用指南)

微信直播小程序怎么做(小程序直播使用指南)一、准备

第一要了解是否满足直播开通条件。

基本满足开头直播条件的功能里会有直播,然后去申请开通一下就行了。

创建直播间

这个直播码就是主播开启直播的入口,主播扫码就可以进入。

基本信息

推流直播

创建时需要核实身份 同时开播时间必须在12小时内第一次开通需要人脸识别验证。

样式配置

微信直播小程序怎么做(小程序直播使用指南)

2. 分包引入

进入直播

配置完成,我们其实就搞定了,那么如何进入直播间?

并不需要在页面写组件,而是直接跳转到官方给定的路径上,就进入直播间了,

let roomId = [直播房间id] // 填写具体的房间号,可通过下面【获取直播房间列表】 API 获取 let customParams = encodeURIComponent(JSON.stringify({ path: ‘pages/index/index’, pid: 1 })) // 开发者在直播间页面路径上携带自定义参数(如示例中的path和pid参数),后续可以在分享卡片链接和跳转至商详页时获取,详见【获取自定义参数】、【直播间到商详页面携带参数】章节(上限600个字符,超过部分会被截断) wx.navigateTo({ url: `plugin-private://wx2b03c6e691cd7370/pages/live-player-plugin?room_id=${roomId}&custom_params=${customParams}` }) // 其中wx2b03c6e691cd7370是直播组件appid不能修改

如果想前端自己搞搞玩,也可以,这个直播房间id roomId 是从 0 、1、2这种顺序按照创建排序下去的,所以自己玩可以写死 (第一个创建的默认是0 还是1,忘记了自己试试就好啦),然后写个跳转就能进入直播间了, pid是示例的自定义参数。

微信直播小程序怎么做(小程序直播使用指南)

微信直播小程序怎么做(小程序直播使用指南)三、关于订阅

就是这个房间id的,每个房间直播完就等于关闭,如果开通回放,是可以回放的,所以每场直播都有自己的直播房间id,你订阅都属于一次性订阅,不存在长期订阅,该功能还未实现,【订阅】组件(注:若要使用该组件,需在主包引入直播组件)。

功能解释:用户进入直播间内,可对一场未开播的直播进行单次订阅,开播时直播组件会自动下发开播提醒给用户,无需开发者额外开发。

示例代码如下:

{ “usingComponents”: { “subscribe”: “plugin-private://wx2b03c6e691cd7370/components/subscribe/subscribe” } }

然后便可在 home.wxml 里使用订阅组件,其中直播房间 id 可通过;房间 id 可通过下面【获取直播房间列表】 API 获取。

<subscribe room-id=”[直播房间id]”></subscribe>

【获取直播状态】接口(注:若要使用该接口,需在主包引入直播组件)有样式问题。

修改样式:

.subscribe–live-player-subscribe__btn{ width: 200rpx !important; height: 21px !important; line-height: 21px !important; font-weight: 200; font-size: 20rpx !important; text-align: center; background: #fff!important; color: #2d79ab!important; border-radius: 4px; pointer-events: auto; margin: 0 auto;}

微信直播小程序怎么做(小程序直播使用指南)

微信直播小程序怎么做(小程序直播使用指南)四、自定义自播

51Testing测试交流群,欢迎大家加入!

每日分享测试干货 技术交流

加下方小姐姐,

备注【测试圈】即可~

发表评论

登录后才能评论