快速接入
模版工程说明
工程默认为h5模版,用react实现(如需pc模版,请切换branch-pc分支),运行模版项目前先运行 npm install。然后 npm run dev 来运行项目,注意请在src\pages\main\index.js文件里配置盟主分配的id和key。
引用方式
使用引用标签方式引入js-sdk
<link rel="stylesheet" href="utils/mzsdk.css">
<script type="text/javascript" src="utils/mzsdk.js"></script>
使用ES6语法引入js-sdk
import mzsdk from 'utils/mzsdk';
import 'utils/mzsdk.css';
示例 - 所有功能的使用必须在SDK的init成功之后
mzsdk.init({
//盟主活动ID
ticketId: "",
//用户唯一ID
uniqueId: '',
//用户昵称
name: "",
//用户头像
avatar:"",
//盟主JS-SDK授权信息
permision: {
id: "",
key: ""
},
//是否打印log
isShowLog: true
}).then((res) => {
console.log("返回的播放信息,包含活动的配置信息", res);
/* 播放信息
channel_id; // 频道ID
chat_uid; // 自己在聊天室里的id
cover; // 活动封面
status; // 直播状态 0:未开播 1:直播 2:回放 3:断流
live_type; // 直播类型 0:视频 1:语音
popular; // 活动pv
msg_config; // 消息监听配置
chat_config; // 聊天监听配置
like_num; // 用户点赞数量
live_style; // 直播样式 0:横屏 1:竖屏
unique_id;//第三方传递过来的唯一id
view_mode;// 观看权限 1:免费 2:vip 3:付费 4:密码 5:白名单观看 6:F码观看
ticket_id;//活动ID
user_status;// 用户状态 1:正常 2:被踢出 3:禁言
notice: {Object} // 公告内容
video: {Object} // 视频播放地址
uv; // uv
webinar_onlines; // 进入频道的时候的总在线人数
live_at; //预开播时间
right: [] // 活动配置
*/
//创建链接
mzsdk.connect();
//TODO:初始化完成后,在这里完成其它操作。
});
//断开链接 - 当用户退出时,调用此方法,结束直播会话,此方法会释放SDK内所有组件。
mzsdk.disconnect();