模版工程说明

工程默认为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();