创建超级白板

npm i zego-superboard-electron

var zegoConfig = {
    appID: YOUR APPID, // 在 ZEGO 控制台（https://console.zego.im/）创建项目后即可获得。
    // 此 AppID 需要开通文件共享权限，开通步骤请参考控制台文档 [服务配置 - 文件共享](https://doc-zh.zego.im/article/14338)，或联系 ZEGO 技术支持开通。
    appSign: "YOUR APPSIGN", // 与 AppID 搭配的 AppSign
    userID: "test", // 最大长度为 64 字节的字符串，仅支持数字，英文字符和“~”、“!”、“@”、“#”、“$”、“%”、“^”、“&”、“*”、“(”、“)”、“_”、“+”、“=”、“-”、“`”、“;”、“’”、“,”、“.”、“<”、“>”、“/”。如果需要与 Web SDK 互通，请不要使用 '%'。
    userName: "YOUR USERNAME", // 最大长度不超过 256 字节的 utf8 编码字符串。请勿在此字段填写用户敏感信息，包括但不限于手机号、身份证号、护照编号、真实姓名等。
    roomID: "YOUR ROOMID", // 最大长度为 128 字节的字符串，仅支持数字，英文字符和“~”、“!”、“@”、“#”、“$”、“%”、“^”、“&”、“*”、“(”、“)”、“_”、“+”、“=”、“-”、“`”、“;”、“’”、“,”、“.”、“<”、“>”、“/”。如果需要与 Web SDK 互通，请不要使用 '%'。
    sdkPath: {
        // 所需 SDK 在项目的路径
        express:
        "./node_modules/zego-superboard-electron/zego-express-engine-electron/ZegoExpressEngine.js",
        superboard: "./node_modules/zego-superboard-electron/index.js",
    },
    logDirs: {
      win32: "c:/zegowblog/",
      darwin: process.env.HOME + "/zegowblog/",
    },
};

var logDir = zegoConfig.logDirs[require("os").platform()];
var parentDomID = "main-whiteboard";
// 引入相关 SDK
// 音视频功能
var ZegoExpressEngine = window.require(zegoConfig.sdkPath.express);
// 超级白板功能
var ZegoSuperBoard = window.require(zegoConfig.sdkPath.superboard);

// 初始化 ZegoExpress-Video SDK
ZegoExpressEngine.createEngine({
    appID: zegoConfig.appID,
    appSign: zegoConfig.appSign,
    scenario: 0,
});

// 常用的 SuperBoard 相关回调
// SuperBoard 自动实现了多端同步能力，远端通知回调内只需刷新本地UI逻辑即可。
// 监听错误回调，SDK 内部错误均通过此回调抛出，除了直接在接口中直接返回的错误外
    zegoSuperBoard.on('error', function(errorData) {
        // 错误码，错误提示语
        console.log(errorData.code, errorData.message)
    });

    // 监听白板翻页、滚动
    zegoSuperBoard.on('superBoardSubViewScrollChanged', function(uniqueID, page, step) {

    });
    // 监听远端白板缩放
    zegoSuperBoard.on('superBoardSubViewScaleChanged', function(uniqueID, scale) {

    });

    // 监听远端新增白板
    zegoSuperBoard.on('remoteSuperBoardSubViewAdded', function(uniqueID) {

    });

    // 监听远端销毁白板
    zegoSuperBoard.on('remoteSuperBoardSubViewRemoved', function(uniqueID) {

    });

    // 监听远端切换白板
    zegoSuperBoard.on('remoteSuperBoardSubViewSwitched', function(uniqueID) {

    });

    // 监听远端切换 Excel Sheet
    zegoSuperBoard.on('remoteSuperBoardSubViewExcelSwitched', function(uniqueID, sheetIndex) {

    });

    // 监听远端白板权限变更
    zegoSuperBoard.on('remoteSuperBoardAuthChanged', function(data) {
    });

    // 监听远端白板图元权限变更
    zegoSuperBoard.on('remoteSuperBoardGraphicAuthChanged', function(data) {

    });

ZegoExpressEngine.loginRoom(
    zegoConfig.roomID,
    {
        userID: zegoConfig.userID,
        userName: zegoConfig.userName,
    },
    {
        maxMemberCount: 10,
        isUserStatusNotify: true,
    }
);

 // 上一步的登录房间成功后才可创建白板
 const model = zegoSuperBoard.createWhiteboardView({
     name: zegoConfig.userName + " whiteboard ",
     perPageWidth: 1600,
     perPageHeight: 900,
     pageCount: 5,
 });

// 上一步的登录房间成功，返回 true 后才可创建白板
const model = await zegoSuperBoard.createFileView({
    fileID // 文件的 fileID，在上传文件成功后返回的唯一文件标识
});

// 获取 SuperBoardSubViewList
const superBoardSubViewList = await zegoSuperBoard.querySuperBoardSubViewList();

// 获取 SuperBoardView
const superBoardView = zegoSuperBoard.getSuperBoardView();

// 获取当前 SuperBoardSubView
const zegoSuperBoardSubView = superBoardView.getCurrentSuperBoardSubView()

// 获取 SuperBoardSubView 对应 model
const model = zegoSuperBoardSubView.getModel();

// 获取当前需要挂载白板的 uniqueID
const uniqueID = model.uniqueID;

// 判断文件类型，如果是 Excel 白板，需要先获取到 sheetIndex
let sheetIndex;
const fileType = model.fileType;
if (fileType === 4) {
    // Excel 白板
    const sheetName = zegoSuperBoardSubView.getCurrentSheetName();
    // 获取当前 Excel 对应的 Sheet 列表
    const zegoExcelSheetNameList = zegoSuperBoardSubView.getExcelSheetNameList();
    // 通过 sheetName 从 zegoExcelSheetNameList 中获取到对应的 sheetIndex
    sheetIndex = zegoExcelSheetNameList.findIndex(function(element, index) {
        return element === sheetName;
    });
}

// 挂载当前白板
const result = await superBoardView.switchSuperBoardSubView(uniqueID, sheetIndex);

// 销毁后 SDK 内部会自动切换到另外一个白板。展示的白板为销毁白板的上一个
const result = await zegoSuperBoard.destroySuperBoardSubView(uniqueID)

ZegoExpressEngine.logoutRoom(roomID);

zegoSuperBoard.unInit();

ZegoExpressEngine.destroyEngine(null);