本文提供声网 Fastboard SDK for Web 的发版说明。
声网 Fastboard SDK 是为帮助开发人员快速构建白板应用推出的新一代白板 SDK。Fastboard SDK 基于互动白板 SDK (white-web-sdk
)开发,对复杂的 API 进行封装,简化了接口调用逻辑,并提供核心功能的实现和默认 UI;此外,Fastboard SDK 还集成窗口管理器(Window Manager)和插件中心(Netless App),方便开发者快速添加插件,轻松扩展白板应用的功能。使用 Fastboard SDK,你无需深入学习互动白板复杂的概念,只需几行代码即可加入白板房间,并立即使用丰富的工具体验实时互动协作。
该版本于 2022 年 10 月 28 日发布。
注册 Fastboard 插件
该版本在FastboardOptions
接口中新增可选属性 netlessApps
,用于注册 Fastboard 官方内置或由你自定义的 Fastboard 插件,详见注册和使用 app。
创建 UI 组件
该版本新增了 createUI
和 createReplayUI
方法分别用于创建 Fastboard 内置的一套 UI 组件和回放模式的一套 UI 组件。
删除白板页
该版本新增了 removePage
方法用于删除指定白板页。
该版本进行了如下改进:
该版本修复了如下问题:
新增
废弃
insertCodeEditor
:改用 fastboard.manager.addApp({ kind: 'Monaco' })
实现。insertCountdown
:改用 fastboard.manager.addApp({ kind: 'Countdown' })
实现。insertGeoGebra
:改用 fastboard.manager.addApp({ kind: 'GeoGebra' })
实现。mount
:现在推荐用 createUI
。该版本于 2022 年 4 月 29 日发布。
该版本替换了构建白板用户界面使用的框架。集成该版本的 Fastboard SDK,无需再添加 react
和 react-dom
依赖项。详见添加依赖项。
1. 白板用户界面配置
该版本在 mount
方法中新增 options
参数,用于配置白板用户界面。你可以通过该参数设置白板用户界面的主题、语言和每个组件的显示状态等。
同时,该版本还将调用 mount
方法后返回的 update
方法的 theme
和 language
变更为 props
参数。通过 props
参数可以更新白板用户界面的主题、语言和每个组件的显示状态等。
2. 字体设置
该版本在 FastboardApp
类中新增 setTextColor
和 setTextSize
方法,用于设置字体的颜色和大小,方便你自行开发文本编辑功能。
3. 管理插件按钮
该版本新增 AppsInToolbar
类,提供管理工具条上插件按钮方法,具体如下:
该版本进行了如下改进:
该版本于 2022 年 3 月 7 日发布,是 Fastboard SDK 首个版本。
1. 白板核心功能的默认实现和 UI
该版本直接实现了互动白板的核心基础功能,并提供默认的 UI。集成 Fastboard SDK 并调用 createFastboard
方法加入白板房间后,即可使用如下功能:
同时,Fastboard SDK 还提供了如下 API,方便你自行开发这些功能并自定义 UI:
setAppliance
setStrokeWidth
setStrokeColor
moveCamera
moveCameraToContain
undo
redo
2. 添加和使用插件
Fastboard SDK 集成了窗口管理器(Window Manager)和插件中心(Netless App),用于在白板应用中快速添加和使用插件,扩展白板的功能。该版本默认提供代码编辑器(Code Editor)、计时器(Countdown)、数学计算器(GeoGebra)插件,加入房间即可使用。此外,你还可以根据业务需求开发并添加自定义插件。
3. 展示文件
Fastboard SDK 支持在白板中插入和展示多种形式的文件,例如,PNG、JPG 格式的图片,MP3、MP4 格式的音视频,以及 PPT、PPTX、DOC、DOCX、PDF 等格式的文档。具体实现步骤参考展示文件。
你可以参考以下文档使用 Fastboard SDK 实现相应的互动白板功能: