console 命令行工具 X clear

console

var initParams = {
    id: 'white-board',
    classId: 100,
    sdkAppId: 1400127140,
    userId: 'tiw-online_1',
    userSig: 'eJyrVgrxCdYrSy1SslIy0jNQ0gHzM1NS80oy0zLBwiWZ5br5eTmZeanxhlD54pTsxIKCzBQlK0MTAwNDI3MgBZEpycxNBYqamRkZGBlZGBtDRFMrCjKLQOKmpqZGBgZQtcWZ6UDjc139q1K1HXMCfT303XIKPcIiCvWd-DONK3I9ijP1E7NN0rSNvCxd84OdIm2VagG5EjNX'
};

var teduBoard = new TEduBoard(initParams);

// 监听错误事件
teduBoard.on(TEduBoard.EVENT.TEB_ERROR, (errorCode, errorMessage) => {
    let message = '';
    switch (errorCode) {
    case TEduBoard.TEduBoardErrorCode.TEDU_BOARD_ERROR_INIT:
        message = '初始化失败，请重试';
        break;
    case TEduBoard.TEduBoardErrorCode.TEDU_BOARD_ERROR_AUTH:
        message = '服务鉴权失败，请先购买服务或者续约license';
        break;
    case TEduBoard.TEduBoardErrorCode.TEDU_BOARD_ERROR_LOAD:
        message = '白板加载失败，请重试';
        break;
    case TEduBoard.TEduBoardErrorCode.TEDU_BOARD_ERROR_HISTORYDATA:
        message = '同步历史数据失败，请重试';
        break;
    case TEduBoard.TEduBoardErrorCode.TEDU_BOARD_ERROR_RUNTIME:
        message = '白板运行错误:' + errorMessage;
        break;
    case TEduBoard.TEduBoardErrorCode.TEDU_BOARD_ERROR_AUTH_TIMEOUT:
        message = '服务鉴权超时，请重试';
        break;
    case TEduBoard.TEduBoardErrorCode.TEDU_BOARD_MAX_BOARD_LIMITED:
        message = '单课堂内白板页数已经到达上限';
        break;
    case TEduBoard.TEduBoardErrorCode.TEDU_BOARD_SIGNATURE_EXPIRED:
        message = 'userSig过期了，请重新生成新的userSig，然后重新初始化白板';
        break;
    }
    Toastify({
        text: message,
        duration: 0
    }).showToast();
    console.log('======================:  ', 'TEB_ERROR', ' errorCode:', errorCode, ' errorMessage:',
        errorMessage);
});

// 监听警告事件
teduBoard.on(TEduBoard.EVENT.TEB_WARNING, (warnCode, warnMessage) => {
    console.log('======================:  ', 'TEB_WARNING', ' warnCode:', warnCode, ' warnMessage:',
        warnMessage);
});

// 白板历史数据同步完成回调
teduBoard.on(TEduBoard.EVENT.TEB_HISTROYDATA_SYNCCOMPLETED, () => {
    console.log('======================:  ', 'TEB_HISTROYDATA_SYNCCOMPLETED');
});

function setEraserCursor() {
    // 白板工具设置为橡皮擦
    teduBoard.setToolType(TEduBoard.TEduBoardToolType.TEDU_BOARD_TOOL_TYPE_ERASER);
    // 自定义橡皮擦图标
    teduBoard.setCursorIcon(TEduBoard.TEduBoardToolType.TEDU_BOARD_TOOL_TYPE_ERASER, {
        cursor: 'url',
        url: 'https://res.qcloudtiw.com/board/icons/eraser.png',
        offsetX: 0,
        offsetY: 0
    })
}

function setPenCursor() {
    // 白板工具设置为画笔工具
    teduBoard.setToolType(TEduBoard.TEduBoardToolType.TEDU_BOARD_TOOL_TYPE_PEN);
    // 自定义画笔工具图标
    teduBoard.setCursorIcon(TEduBoard.TEduBoardToolType.TEDU_BOARD_TOOL_TYPE_PEN, {
        cursor: 'pointer'
    })
}

<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>快速上手</title>

	<link href="https://res.qcloudtiw.com/board/third/videojs/1.0.0/video-js.min.css" rel="stylesheet">
	<script src="https://res.qcloudtiw.com/board/third/videojs/1.0.0/video.min.js"></script>

	<!-- axios SDK -->
	<script src="https://res.qcloudtiw.com/board/third/axios/axios.min.js"></script>
	<!-- COS SDK -->
	<script src="https://res.qcloudtiw.com/board/third/cos/5.1.0/cos.min.js"></script>
	<!-- TEduBoard SDK -->
	<script src="https://res.qcloudtiw.com/board/2.5.2/TEduBoard.min.js"></script>

</head>

<body>
	<div id="white-board"></div>
    <button onclick="setPenCursor()">自定义画笔图标</button>
    <button onclick="setEraserCursor()">自定义橡皮擦图标</button>
</body>
</html>

#white-board {
    width: 600px;
    height: 400px;
    border: 1px solid red;
    overflow: hidden;
}