引用
"plugins": {
"mz-plugin": {
"version": "2.2.0",
"provider": "wx2d4303f54f4d98ab"
}
}
//引入SDK
var mzplugin = requirePlugin('mz-plugin')
//初始化盟主SDK
//index.js文件里配置 appId 和 secret,然后初始化SDK,一切操作请在SDK初始化之后
mzplugin.mzSDK.initSDK(data).then(function (res) {
console.log("实例化盟主SDK的结果:",res);
})
模版目录结构
├─mzinterface 盟主模版的所有图片、组件、句柄文件
│ ├─mzcomponents 盟主模版内所有的组件
│ ├─mzimage 盟主模版内所有的图片
│ ├─utils 盟主SDK的句柄
├─pages 页面文件夹
│ ├─index 拉流/推流入口 配置SDK信息,SDK初始化
│ ├─player 播放相关
│ │ ├─playinput 输入活动和用户信息/选择二分屏或竖屏播放入口
│ │ ├─livecheckpermission 看权限检测界面(F码和白名单)
│ │ ├─liveroom 活动页面,可以观看回放和直播
│ ├─live 推流相关
│ │ ├─createactivity 创建直播活动页面
│ │ ├─livepusher 竖屏 - 直播活动推流界面
│ │ ├─landpush 横屏 - 直播活动推流界面
快速集成模版步骤
1.将mzinterface、live、player文件夹拷贝到工程内,
mzinterface跟pages同级,live和player在pages的根目录。
2 参照demo里的app.json,app.js文件,设置下这2个文件。
3 index.js是引入SDK,设置SDK信息,初始化SDK。
可将相关代码拷贝到项目入口文件里。
4 如不需要语音直播功能,直接搜索关键词lottie,
将livepusher.js和liveroom.js内相关代码注释,就集成模版成功
* 如需要语音直播功能,需添加动画插件 - lottie-miniprogram,
如已安装请忽略:
* 执行 npm init 命令。
* 执行 npm install lottie-miniprogram --save 命令。
* 右上角 详情 - 本地设置, 选中 使用npm。
* 菜单栏 - 工具 - 构建npm。'
示例
var mzplugin = requirePlugin('mz-plugin')
Page({
data: {
...
},
getMsg: function (data) {
//TODO:处理接收到的消息
},
onLoad: function (option) {
...
//绑定事件
mzplugin.mzSDK.mzee.on("msg", this.getMsg);
//实例化盟主SDK
mzplugin.mzSDK.initSDK(data).then(function (res) {
}, function (err) {
})
},
onUnload: function () {
...
//卸载事件
mzplugin.mzSDK.mzee.removeListener("msg", this.getMsg);
...
},
})