white-video-plugin

https://www.npmjs.com/package/@netless/white-video-plugin

一、在白板初始化的时候注册 plugin

初始化 SDK 的时候注入 plugin 代码

whiteWebSdk = new WhiteWebSdk({ 
deviceType: "desktop",
handToolKey: " ",
plugins: [WhiteVideoPlugin] // 在 new WhiteWebSdk 对象的时候注册完成
});

二、声明身份

什么身份，以便控制 plugin 的编辑操作权限，目前声明后不再支持改变

userId：string // 必填 identity："host" | "guest" // 必填，有操作权限者为 "host"，观看者为 "guest"

代码

whiteWebSdk.joinRoom({
                    uuid: uuid,
                    roomToken: roomToken,
                    cursorAdapter: this.cursor,
                    userPayload: {
                        userId: userId, // 必填
                        identity: identity,// 必填
                        name: userName,
                        avatar: userAvatarUrl,
                   
                    }}）

二、声明身份

什么身份，以便控制 plugin 的编辑操作权限，目前声明后不再支持改变

userId：string // 必填 identity："host" | "guest" // 必填，有操作权限者为 "host"，观看者为 "guest"

三、插入 plugin

将 plugin 插入白板

room.insertPlugin({
                protocal: "video", // 视频必须填写为 Video
                centerX: 0, // 插入位置 x
                centerY: 0, // 插入位置 y
                width: 480, // 宽 witdh
                height: 270, // gao height
                props: {
                    videoUrl: url, // 视频地址
                },
            });