首先很开心,我司小程序获得第一波直播权限,我已经开发加好了直播,请确认你的小程序有直播资质,如果你有在开发中碰到什么问题,欢迎留言
一、引入直播插件
打开 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" }
注意不用改动 页面引入
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
}
},
五、订阅插件样式更改
/* 订阅 */
.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;
}
写在最后-------------------------注意,开发工具目前是无法进入直播页面的,但是真机可以,你们可以上传到体验版然后通过微信后台开个直播,扫码体验就能进入直播间。
以上就是我的分享,谢谢大家观看~~,如果你觉得有用,点个赞吧
引入直播插件的页面,能屏蔽右上角点点点中的分享吗
你好,请问如何在直播间页面内,动态传递分享后的直播间页面参数呢?现在只能初次进入直播间的时候设置一个custom_params
感谢楼主的帮助!受益匪浅!
不过有两个问题:
1)通过图片导航直播,图片的数据是不是也要从后台实时抓取?
2)分享页面的代码加入进js文件尾部的分享部分,编译刷新却看不到任何效果?
2.开发工具无法调试直播的页面
一般小程序开通直播权限,需要什么资质?
那文档里的live-player和另外一个主播录制的软件是干嘛用的 还是说你这个是毫无定制的用的微信的,用live-player等组件可以你自己开发一套可定制的?
一般企业开通自己产品直播,需要什么资质?
通过二维码编译扫描直播间分享码报错 =》VM762:1 app.json 中未定义自定义编译中指定的启动页面 /pages/live-player-plugin
我用直播后台分享的直播间小程序码通过二维码编译,结果报路径错误。
想问一下。代码都写好了。楼主怎么调试的呢。
这个页面开发工具没办法调试的
大佬 直播链接跳转 就可以看到直播的视频了么 还是要加上什么
咦惹