首先很开心,我司小程序获得第一波直播权限,我已经开发加好了直播,请确认你的小程序有直播资质,如果你有在开发中碰到什么问题,欢迎留言
一、引入直播插件
打开 app.json 文件 如果你代码有区分 分包 请记得将以下代码 放到 root 根文件夹 如果没有请忽略
以下代码 放到 "pages": ["pages/index/index"], 的同级地方
plugins": {
"live-player-plugin": {
"version": "1.0.2",
"provider":"wx2b03c6e691cd7370"
}
},
其中 live-player-plugin 是插件名字 version 是版本号码
二、引入直播开播 订阅组件(如果你不想引入,可以跳过)
在你要引入的页面 json 中添加组件
"usingComponents": { "subscribe": "plugin-private://wx2b03c6e691cd7370/components/subscribe/subscribe" }
注意不用改动 页面引入
<subscribe room-id="{{item.roomid}}" wx:if="{{item.live_status == '102'}}"></subscribe>
room-id 属性一定要添加 就是后台会返回给你的 live_status 是用来判断状态 因为有时候我们都添加上订阅按钮 点了后会消失 是因为这个状态已经是过去的直播了 无法订阅
ps:这个插件目前有个 bug 就是 不管我有么有订阅这场 都是未订阅状态 但是点击去直播间的订阅按钮却是状态对的 并且我切换下 小程序 前后台(onShow onHide 切换)状态又是对的
三、页面跳转
你可以在图片上添加函数 也可以直接 navigator 跳转
goDetail(e) {
var room = e.currentTarget.dataset.room;
wx.reLaunch({
url: '/plugin-private://wx2b03c6e691cd7370/pages/live-player-plugin?room_id=' + room,
})
}
或者 直接 navigator 跳转
四、页面分享
以下是我的页面分享 假设你的是卡片展示 或者图片展示
/**
* 用户点击右上角分享
*/
onShareAppMessage: function (res) {
var idx = res.target.dataset.idx;
const listInfo = this.data.listInfo[idx];
return {
title: listInfo.name,
imageUrl: listInfo.anchor_img,
path: '/plugin-private://wx2b03c6e691cd7370/pages/live-player-plugin?room_id=' + listInfo.roomid
}
},
以上就是我的分享,谢谢大家观看~~,如果你觉得有用,点个赞吧