README
@netless/slide
基本使用
import { Slide } from "@netless/slide";
// 初始化
// 初始化可以传入可选的 renderOptions, 参考 d.ts 类型定义
const slide = new Slide({
anchor: document.getElementById("root"),
interactive: true,
});
// 设置资源
slide.setResource(`id`, "url-prefix");
// 显示 ppt, 页码从 1 开始
slide.renderSlide(1);
增量同步
import { Slide, SLIDE_EVENTS } from "@netless/slide";
// 客户端 A
slide.on(SLIDE_EVENTS.syncDispatch, (args: any) => {
// args 为同步事件参数
// 将 args 序列化后传递到 客户端 B
});
// 客户端 B
// args 为客户端 A 的同步事件参数
slide.emit(SLIDE_EVENTS.syncReceive, args);
整体同步
// 客户端 A
// 获取 Slide 应用状态
const args = slide.slideState;
// 客户端 B
// 设置 Slide 应用状态
slide.setSlideState(args);
运行状态
Slide 对象上暴露了一系列只读属性, 可以获取当前运行状态, 参考 d.ts 类型定义文件.