互动白板腾讯云互动白板互动面板 TEduBoard qq543169072

更新记录

0.0.1（2021-02-18）

上线

平台兼容性

Android	Android CPU类型	iOS
适用版本区间：4.4 - 11.0	armeabi-v7a：未测试，arm64-v8a：未测试，x86：未测试	×

原生插件通用使用流程：

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

付费原生插件目前不支持离线打包。
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原生插件配置”->”云端插件“列表中删除该插件重新选择

epii-TEduBoard 使用方式

1、基础

本插件最大程度还原腾讯云互动白板的sdk，使用此组件，需要对腾讯云互动白板有一定的了解

腾讯云互动白板开发文档地址：

https://cloud.tencent.com/document/product/1137

客户端 android ios sdk 文档

https://cloud.tencent.com/document/product/1137/39967

注：本组件不仅实现了sdk的转换，而且高度优化了原生和 js的转化。

2、使用方式

原生组件需要在nvue文件中使用。

<epii-TEduBoard ref="board"   style="width:200;height:300"></epii-TEduBoard>

腾讯云互动白板的功能比较强大，而作为手机端，主要是是观众，而非老师，所以并没有把所有的函数开放给JS，而是最常用最有用的方法

支持如下方法:

参数传递规则：在腾讯文档 https://cloud.tencent.com/document/product/1137/39968 为准，传递的参数，如果是基础类型，只需按照 js对象传递即可，

如：原生

void addSyncData(String data)

uni 中则使用

this.$refs.board.addSyncData({data:mydata});

如果是其它特殊的类型，js无法实现的，可按照以下文档中的说明进行传参。

支持的函数如下：

API	描述
setCallback	设置回调（监听白板的各种事件回调），支持官方所有回调，官方地址为：https://cloud.tencent.com/document/product/1137/39969
init	初始化白板
uninit	反初始化白板，释放内部资源.
addSyncData	添加白板同步数据
setDataSyncEnable	设置白板是否开启数据同步
isDataSyncEnable	获取白板是否开启数据同步
reset	重置白板
getSyncTime	获取同步时间戳
syncRemoteTime	同步远端时间戳
getVersion	获取 SDK 版本号

API	描述
setDrawEnable	设置白板是否允许涂鸦
isDrawEnable	获取白板是否允许涂鸦
setAccessibleUsers	设置允许操作哪些用户绘制的图形
setGlobalBackgroundColor	设置所有白板的背景色
getGlobalBackgroundColor	获取白板全局背景色
setBackgroundColor	设置当前白板页的背景色
getBackgroundColor	获取当前白板页的背景色

 <template>
    <div>
        <epii-TEduBoard ref="board"   style="width:750rpx;height:400rpx"></epii-TEduBoard>
        <div>

            <button @click="start()">开始</button>

        </div>

    </div>
</template>

<script>
    export default {
        data() {
            return {
                height:"200rpx",
                width:"750rpx"
            }
        },
        onLoad() {
            //设置监听事件
            this.$refs.board.setCallback(ret=>{
                console.log(ret);
            });
        },
        methods: {
            start(e) {
                //初始化面板
                this.$refs.board.init({
                    sdkAppId:999,
                    userId:1,
                    userSig:"",
                    roomId:44,
                    timSync:false //是否使用腾讯im作为同步通道

                });
            } 
        }
    }
</script>