更新记录

1.0.0（2022-07-13）

1. 上线互动白板基础功能;

平台兼容性

原生插件通用使用流程：

1. 购买插件，选择该插件绑定的项目。
2. 在HBuilderX里找到项目，在manifest的app原生插件配置中勾选模块，如需要填写参数则参考插件作者的文档添加。
3. 根据插件作者的提供的文档开发代码，在代码中引用插件，调用插件功能。
4. 打包自定义基座，选择插件，得到自定义基座，然后运行时选择自定义基座，进行log输出测试。
5. 开发完毕后正式云打包

付费原生插件目前不支持离线打包。
Android 离线打包原生插件另见文档 https://nativesupport.dcloud.net.cn/NativePlugin/offline_package/android
iOS 离线打包原生插件另见文档 https://nativesupport.dcloud.net.cn/NativePlugin/offline_package/ios

注意事项：使用HBuilderX2.7.14以下版本，如果同一插件且同一appid下购买并绑定了多个包名，提交云打包界面提示包名绑定不一致时，需要在HBuilderX项目中manifest.json->“App原生插件配置”->”云端插件“列表中删除该插件重新选择

腾讯云互动白板

腾讯云互动白板（Tencent Interactive Whiteboard，TIW）提供整套完备的多人实时白板互动服务，打破线上教学中师生信息传递障碍，拥有比面授教学板书更丰富、直观和多样的功能。包含的功能有互动涂鸦、轨迹实时同步、文档共享、媒体共享、文档转码、白板与音视频实时同步录制、回放等功能。具备灵活易用、扩展性强的优点，帮助用户高度还原线下面授教学的互动体验，显著提升线上教学质量。

技术支持

扫码添加，获取技术支持。

微信号: ruanyunkeji006

步骤1: 插件的加载和配置

• 加载插件

首先，加载uniapp平台的原生插件，需要自定义基座后才能使用，您可以按照自定义基座文档进行。

插件名称为: RY-TencentEduBoard，

在使用前，你需要先加载插件。

<RY-TencentEduBoard class="trtc" ref="eduBoard" v-bind:style = "{ width: playerWidth, height: playerHeight }" @onClick="onClick"></RY-TencentEduBoard>

说明:

可以通过修改width和height参数值的大小，来修改视频容器的大小。

• 腾讯云配置

注册腾讯云账号，实名认证后，点击实时音视频，点击"创建应用"创建实时音视频应用。

步骤2: 开始使用插件

需要调用 [init]() 初始化插件，才可以调用其他的接口功能。

this.$refs.eduBoard.init({
    sdkAppId: 1400xxx416,
    userId: 'test001', 
    userSig: 'weoweixxxxweiooim',
    roomId: 1,
    docPath: plus.io.convertLocalFileSystemURL('_doc')
}, ret => {
    console.log(ret);
});

步骤3: 设置监听

[setEduBoardListener]() 注册事件回调，并监听相关[事件回调]()。

this.$refs.eduBoard.setEduBoardListener({}, ret => {
    console.log(ret);
});

步骤4: 白板窗口获取及显示

在 onTEBInit 或 onTEBHistroyDataSyncCompleted 回调方法内，使用如下代码获取并显示白板视图。

this.$refs.eduBoard.addBoardView({
    rect: {
        x: 0, 
        y: 0, 
        w: self.playerWidth / 2,
        h: self.playerHeight / 2
    }
}, ret => {
    console.log(ret);
});

注意:

1. onTEBInit 表示白板创建并鉴权完成。
2. onTEBHistroyDataSyncCompleted 表示历史数据加载完成，此时可调用白板的相关接口。
3. SDK 所有回调都在主线程内执行，因此可以在回调里直接执行 UI 操作。

步骤5: 白板数据同步

白板在使用过程中，需要在不同的用户之间进行数据同步（涂鸦数据等），SDK 默认使用 IMSDK 作为信令通道，您需要自行实现 IMSDK 的初始化、登录、加入群组操作，确保白板初始化时，IMSDK 已处于所指定的群组内。

步骤5: 销毁白板

调用 [destroy]() 方法后，内部将彻底销毁白板并停止计费，请您确保此接口的调用。

this.$refs.eduBoard.destroy({}, ret => {
    console.log(ret);
});

更多功能

扫码添加, 获取技术支持:

微信号: ruanyunkeji006