IframeBridge
本项目主要用于转发白板的事件和属性到
iframe
, 管理iframe
的插入, 以及对白板的视角变化的跟随
注意,
iframe
只有在教具为选择工具
时候才能进行交互
安装
# npm
npm install netless-iframe-bridge
# yarn
yarn add netless-iframe-bridge
example
;bridge = room.getInvisiblePluginIframeBridge.kind // bridge 插入一次后续会自动插入,所以需要先 get 防止重复插入if !bridge
setIframeSize
bridge.setIframeSize // 修改 iframe 的宽高
attributes
attributes
是会在所有插件中同步的属性, 类似于白板中的 globalState
概念, 但是只是同步在所有的插件中
bridge.attributes
setAttributes
修改 attributes
, 并且会触发事件传递 attributes
到 iframe
中
readOnly
模式下不可用
bridge.setAttributes
on
监听 iframe``load
事件
bridge.onDomEvents.IframeLoad,
destroy
销毁插件
bridge.destroy
scene
中使用 H5
课件
在特定 - 插入自定义目录和页面至白板
room.putScenesdir, scenes
- 切换至自定义课件目录
room.setScenePath"/example/第一页" // 设置为课件目录的第一页
- 翻页
可以使用
sdk
封装的翻页,也可以自己调用白板的翻页 参考: 白板翻页
// 白板翻页room.setSceneIndexroom.state.sceneState.index - 1; // 上一页room.setSceneIndexroom.state.sceneState.index + 1 // 下一页
切换课件
bridge.setAttributes