评论

小程序直播从开通到跑路教程——开发篇

①满足小程序18个开放类目(包括:电商平台、商家自营-百货、食品、初级食用农产品、酒/盐、图书报刊/音像/影视/游戏/动漫、汽车/其他交通工具的配件、服装/鞋/箱包、玩具/母婴用品(不含食品)、家电/

目前小程序支持的直播方式有两种,一种是纯原生方案(小程序提供推流拉流服务器,主播端和收播端页面都已提供好,你直接使用即可),一种是自己搭建推流服务器(只是使用小程序端提供的live-pusher和live-player组件而已,里面的直播页面和功能都自己独立开发!),这里说的是第一种方案

一、准备工作

1、一个已经申请开通和正常使用的实实在在的小程序

PS:如果开通了直播功能,但是没有审核上架成功过,直播间分享出去的二维码点击会提示页面不存在!!!

原因很简单,因为你新开发的直播页面正式版的小程序上并没有新加进去,必须要提审上架到正式版才能生效!

二、小程序直播准入要求

满以下条件的电商平台、自营商家,即可开通小程序直播:

(同时满足以下1、2、3条件,加上4、5、6条件的其中之一即可。)

①满足小程序18个开放类目(包括:电商平台、商家自营-百货、食品、初级食用农产品、酒/盐、图书报刊/音像/影视/游戏/动漫、汽车/其他交通工具的配件、服装/鞋/箱包、玩具/母婴用品(不含食品)、家电/数码/手机、美妆/洗护、珠宝/饰品/眼镜/钟表、运动/户外/乐器、鲜花/园艺/工艺品、家居/家饰/家纺、汽车内饰/外饰、办公/文具、机械/电子器件)

②主体下小程序近半年没有严重违规;

③小程序近90天内,有过支付行为;

④ 主体下公众号累计粉丝数大于100人;

⑤ 主体下小程序连续7日日活跃用户数大于100人;

⑥ 主体在微信生态内近一年广告投放实际消耗金额大于1万元;

三、进入小程序后台直播,创建直播间

如果你的小程序满足了第二点。小程序后台会有一个直播的入口(没有的话自己找找原因)

点击进入后->创建直播间

按提示操作(要输入主播人的微信号,对方初次使用要活体检测+实名认证)即可成功创建直播间。(注意点:开播时间最早不能早于当前时间10分钟后)

创建成功后,会有一个开播码。注意这个开播码是给主播用的,主播开播的入口小程序码。主播可以扫码进入直播间开播。

四、小程序端开发

完成上面3步算是完成主播端的配置了,接下来是收播端(观看直播的小程序端)的开发了。这个是要小程序开发者完成的。所以下面操作都在小程序开发端完成。下面就简单介绍开发逻辑和顺序,具体的要用到的API和接口都不细说,在后面相关链接里面可以点击官方链接查看!

(1)引入直播插件(直接按官方介绍文档操作)

需要注意的是直播插件的appid获取方法:小程序后台->设置->第三方设置->拉到底部,插件管理->小程序直播插件->点击详情获取到provider

(2)开发后端

后端目前官方只提供了2个接口。一个是获取直播间列表,一个是获取直播间直播完后的相关回放信息,其中第一个接口必须先完成。就是获取到直播间列表,列表里面有带返回直播间的roomid,小程序端必须需要接收到这方面的返回才能接下来的开发。

(3)进入直播页面

引入直播插件后并对接第二步的后端接口后,你可以直接编码进入直播页面了。像进入普通页面一样,可以通过wxml里面的navigator url="xxxx"的方式和js里的wx.navigateTo跳转页面代码进入直播页面。但是他这个url比较特殊,是下面这样的格式:

  url: `plugin-private://${provider}/pages/live-player-plugin?room_id=${roomId}&custom_params=${encodeURIComponent(JSON.stringify(customParams))}`
  provider:插件appid(1)小步里面获取到的
  rommId:直播间id(2)小步里面获取列表后里面的roomId
  customParams:自定义的进入页面参数。(根据需要自己定义的传入直播间收播页面的参数)

进入直播间收播页面后的开发量为0,因为这个是由直播间插件接管并完成相关功能。

(4)几个注意点:

4.1、后端获取直播间列表接口几个跟官方文档介绍不一致的地方

4.2、 wx.getLiveStatus获取直播间状态这个API官方介绍:首次获取立马返回直播状态,往后间隔1分钟或更慢的频率去轮询获取直播状态。实际使用过程中建议也这么干,如果需要轮询直播间状态,建议间隔时间1分钟以上,如果少于这个值,基本上就是卡在这里后面的代码都不执行了。还有,有时候即使超过1分钟后再轮询,也会偶发性出现获取不到卡住的情况。解决方法,大家可以看看开发者工具里面的本地Storage相关的值,然后后面怎么做你懂的。。

4.3订阅组件subscribe的样式问题。不多说,你懂的,你加上去就能看到效果

4.4后端接口每日调用次数限制的问题。要做好相关缓存到本地的架构设计。

4.5运营上一定要注意,按要求直播。别整那些没用的,很容易被禁播的。

(4)回放功能开发

这个没啥说的,按照官方文档可以顺利完成。(以后官方会提供直接回放功能,意味着不久后这个功能可以0开发引入),这里如果要实现微视的那种刷视频的效果,大家可以试用下video-swiper组件(这个组件也有些坑)

五、跑路

这里的跑路是指代码写累了,带上口罩和吉娃娃去公园跑一圈路回来继续码。

最新:1.0.4版本后的回放功能说明,回放功能是这样的

1、后台开启该直播间的回放功能

2、收播端还是原来的直播入口进行回放,小程序端是

plugin-private://${liveplayId}/pages/live-player-plugin?room_id=${roomId}&custom_params=${encodeURIComponent(JSON.stringify(customParams))}`

这里的页面链接,链接到回放页面。获取分享方式,分享出去的直播页面,点击后进入回放。

还有一个口,点击原来的分享链接后的直播完成页面,也有一个查看回放的入口,如上图

相关链接:

小程序直播 | 微信开放文档(开发必看,而且要熟读,基本有所有你要的开发资料)

https://developers.weixin.qq.com/miniprogram/dev/framework/liveplayer/live-player-plugin.html

“小程序直播”接入指引 | 微信开放社区

https://developers.weixin.qq.com/community/develop/doc/0008ce654c4450244c1a7e5de5b801?highLine=%25E7%259B%25B4%25E6%2592%25AD%2520%25E6%25B1%25BD%25E8%25BD%25A6

相关知识科普:

小程序直播单日直播上限是50场,同时直播上限50场,单场的直播时长上限是12小时。

最后一次编辑于  1天前  
点赞 7
收藏
评论

3 个评论

  • 卡布达
    卡布达
    03-26

    没猝死就别想跑,点赞点赞....

    03-26
    赞同 4
    回复
  • 拾忆
    拾忆
    03-26

    为啥还跑路?

    03-26
    赞同 2
    回复
  • 何仙姑
    何仙姑 发表于小程序端
    03-27
    03-27
    赞同 1
    回复
登录 后发表内容