WebPageInfo

类型: interface

页面信息

名称 描述
pageId 页面 ID
bkInfo 背景设置
extra

pageId

类型: string

页面 ID

bkInfo

类型: { bkColor?: string; bkImage?: string; bkImageFillType?: BkFillType; bkImageSize?: BkImageSize; }

背景设置

extra

类型: string

BkFillType

类型: enum

属性 值 描述
kFill 0
kCenter 1
kHidden 2

BkImageSize

类型: interface

名称 描述
width
height

width

类型: number

height

类型: number

WebBoardInfo

类型: interface

白板信息

名称 描述
boardId 白板 ID
pages 页面信息
currentPageId 当前页面 ID
status 是否可用
controlCount 可编辑用户数
boardControlCount 可编辑用户数
bkInfo 背景设置

boardId

类型: number

白板 ID

pages

类型: WebPageInfo[]

页面信息

currentPageId

类型: string

当前页面 ID

status

类型: StatusType

是否可用

controlCount

类型: { [key: string]: number; }

可编辑用户数

boardControlCount

类型: number

可编辑用户数

bkInfo

类型: BackgroundInfoCache

背景设置

StatusType

类型: enum

属性 值 描述
Active 0
Inactive 1

BackgroundInfoCache

类型: interface

默认背景设置

名称 描述
bkColor 背景颜色
bkImage 背景图片
bkImageFillType 背景图片填充方式
bkImageSize 背景图片尺寸

bkColor

类型: string

背景颜色

bkImage

类型: string

背景图片

bkImageFillType

类型: BkFillType

背景图片填充方式

bkImageSize

类型: BkImageSize

背景图片尺寸

LockBoardReason

类型: enum

白板锁定原因

属性 值 描述
BOARD_DATA_ERROR 1 数据错误
NET_WORK_CONGESTION 2 网络拥塞
NET_WORK_DISCONNECT 3 网络断开

ImageLoadStatus

类型: enum

图片加载状态

属性 值 描述
loading 0 加载中
end 1 加载完成
error 2 加载错误

EditMode

类型: enum

是否可编辑

属性 值 描述
kRead 0 只读
kEditAll 1 可编辑

IToolMode

画笔工具和形状类型

ts TOOL_TYPE | Constant.SHAPE_TYPE | ''

PlaybackState

类型: enum

白板录像回放状态

属性 值 描述
INIT 0 初始化
PAUSE 1 暂停播放
START 2 开始播放
END 3 停止播放

WhiteBoard

类型: class

名称 描述
boardId
roomId
mode
boardRoomRef
board
userId
pages
cacheSelectingObj
cacheDrawingObj
cacheManage
boardImage
multiPages
currentPageId
status
createObjId()
getTimestamp()
cacheObjFinishReq()
selectCacheClean()
imageLoad()
init()
getPageBkIngo()
initPageInfo()
setZoom()
setBackgroundImage()
setBackgroundColor()
destory()
getWhiteBoardObjectById()
getWhiteBoardID()
getCurrentPageId()
getWhiteBoardRoomID()
setEditMode()
hideDrawing()
lockBoard()
setEditType()
enableDrawMode()
setDrawMode()
cancelDrawMode()
getCurrentRecord()
redo() 进行Redo
undo() 进行Undo
clearPage() 清空白板
setShapeColor()
setPenColor()
setTextColor()
setShapeSize()
setPenSize()
setTextFontSize() 设置文本字号大小
addObjToCanvas()
reRenderUI()
refreshUI()
createPages()
createPage()
flipPage()
getCurrentPageInfo()
getAllPageInfo()
getCurrentPageIndex()
getPageInfoByIndex()
changePageBackground()
changeBoardBackground()
createFilePage()
removePages()
getPageInfo()
clearPageCallback()

new WhiteBoard()

boardId

类型: number

roomId

类型: string

mode

类型: IToolMode

boardRoomRef

类型: WhiteBoardRoom

board

类型: Board

userId

类型: string

pages

类型: WebPageInfo[]

cacheSelectingObj

类型: ObjectParams[]

cacheDrawingObj

类型: Object

cacheManage

类型: ICacheManage

boardImage

类型: ImagePlugin

multiPages

类型: MultiPages

currentPageId

类型: string

status

类型: StatusType

createObjId()

ts () => string

getTimestamp()

ts () => number

cacheObjFinishReq()

ts (cacheSelectingObj: ObjectParams[]) => void

selectCacheClean()

ts () => void

imageLoad()

ts (pageId: string, pages: WebPageInfo[]) => void

init()

ts (currentPageId: string) => void

getPageBkIngo()

ts (current_page_info: WebPageInfo) => { bkInfo: { bkColor: string; bkImage: string; bkImageFillType: BkFillType; }; }

initPageInfo()

ts (pages: WebPageInfo[], currentPageId: string) => void

setZoom()

ts (scale: number) => void

setBackgroundImage()

ts (pageId: string, url: string, fillType?: BkFillType) => Promise<void>

setBackgroundColor()

ts (backgroundColor: string) => Promise<void>

destory()

ts () => void

getWhiteBoardObjectById()

ts (id: string) => Object

getWhiteBoardID()

ts () => number

类型: number

getCurrentPageId()

ts () => string

类型: string

getWhiteBoardRoomID()

ts () => string

类型: string

setEditMode()

ts (mode: EditMode) => void

hideDrawing()

ts () => void

lockBoard()

ts (lock: boolean, reason: LockBoardReason) => void

setEditType()

ts (key: IToolMode) => void

enableDrawMode()

ts () => void

setDrawMode()

ts (param: DrawConf) => void

cancelDrawMode()

ts () => void

getCurrentRecord()

ts () => RecordCommand

redo()

进行Redo

ts () => void

undo()

进行Undo

ts () => void

clearPage()

清空白板

ts () => void

setShapeColor()

ts (color: string) => void

setPenColor()

ts (color: string) => void

setTextColor()

ts (color: string) => void

setShapeSize()

ts (thickness: number) => void

setPenSize()

ts (thickness: number) => void

setTextFontSize()

设置文本字号大小

ts (fontSize: number) => void

addObjToCanvas()

ts ({ shapeType, obj, objId, type, timestamp, zIndex }: any) => void

reRenderUI()

ts (boardId: number, pageId: string, objId: string) => void

refreshUI()

ts () => void

createPages()

ts (insertPageId: string, pageConfigs: WebPageInfo[], task_id: string) => void

createPage()

ts (insertPageId: string, pageConfig: Partial<WebPageInfo>, options?: { autoFlip: boolean;}) => void

flipPage()

ts (pageId: string) => void

getCurrentPageInfo()

ts () => WebPageInfo

getAllPageInfo()

ts () => WebPageInfo[]

getCurrentPageIndex()

ts () => number

getPageInfoByIndex()

ts (index: number) => WebPageInfo

changePageBackground()

ts (params: { pageId: string; color?: string; img?: string; fillType?: BkFillType;}) => void

changeBoardBackground()

ts (params: BackgroundInfoCache) => void

createFilePage()

ts (currentPageId: string, pageConfig: { fileImage: string; fileName: string;}[], fillType: BkFillType, file_id: string, options?: CreatePageOptions) => void

removePages()

ts (pageIds: string[], isContinuousPages?: boolean) => void

getPageInfo()

ts () => WebPageInfo[]

clearPageCallback()

ts () => void

WhiteBoardRoom

类型: class

白板房间

名称 描述
roomId 房间 ID
Token 动态密钥
byteToken 动态密钥
byteAppId AppId
parentBoardId 白板 ID
userId 用户 ID
AppId AppID
_whiteBoardRoomObj
_whiteBoardInfo
_whiteBoardCreateInfo
whiteBoard
httpClient
timeHelper
cacheManage
pageSnapShotManage
userLockObjIds
boardRoomOptions
getTimestamp()
_sendActionData()
processActionCacheWithType()
_kEditingMessage()
processActions()
_kGetActionCount() 处理白板action count【本地收到心跳不一致时,请求GetActionCount的相应】
_kHeartBeat() 处理心跳逻辑
_kGetShapeSnapshot() 处理图形快照 【1。首次进房 2. 冲突 3. 心跳包actionAcount不一致】
_kEditing() 处理图形编辑响应【发送端】, 如有conflictObjIds,需要处理
createWhiteBoard()
setBoardInfo()
setUserCreateBoardInfo()
_kCreateBoard() 处理创建Board响应 【本地创建白板】
processBoardInfo()
initWhiteBoard()
getRoomID()
login()
getBoardInfo()
joinRoom()
leaveRoom()
destory()
destroyWhiteBoard()
closeAllWhiteBoard()
getWhiteBoard()
startPlaybackWhiteBoard()
pausePlaybackWhiteBoard()
cancelPausePlaybackWhiteBoard()
stopPlaybackWhiteBoard()
setPlaybackWhiteBoardProgress()
createTranscodeTask()

new WhiteBoardRoom()

ts constructor(props: IBoradProps)

roomId

类型: string

房间 ID

Token

类型: string

动态密钥

byteToken

类型: string

动态密钥

byteAppId

类型: string

AppId

parentBoardId

类型: string

白板 ID

userId

类型: string

用户 ID

AppId

类型: string

AppID

_whiteBoardRoomObj

类型: { [key: string]: WhiteBoard; }

_whiteBoardInfo

类型: { [key: number]: WebBoardInfo; }

_whiteBoardCreateInfo

类型: { [key: number]: ICreateBoard; }

whiteBoard

类型: WhiteBoard

httpClient

类型: HttpClient

timeHelper

类型: TimeHelper

cacheManage

类型: CacheManage

pageSnapShotManage

类型: SnapshotPlugin

userLockObjIds

类型: { [key: string]: string; }

boardRoomOptions

类型: { autoFlip: boolean; }

getTimestamp()

ts () => number

_sendActionData()

ts (params: DataProcessItemSend[], type?: SendType, fileInfo?: { fileId: string;}) => void

processActionCacheWithType()

ts (actions: Action[], pageId: string, boardId: number) => void

_kEditingMessage()

ts (res: { command: number; operator: string; data: EditingMessage;}) => void

processActions()

ts (item: Action, action_pageId: string, action_board_id: number, operator?: string) => void

_kGetActionCount()

处理白板action count【本地收到心跳不一致时,请求GetActionCount的相应】

ts (res: GetActionCountResponse) => void

_kHeartBeat()

处理心跳逻辑

ts (res: HeartBeatResponse) => void

_kGetShapeSnapshot()

处理图形快照 【1。首次进房 2. 冲突 3. 心跳包actionAcount不一致】

ts (res: GetShapeSnapshotResponse) => void

_kEditing()

处理图形编辑响应【发送端】, 如有conflictObjIds,需要处理

ts (res: EditingResponse) => void

createWhiteBoard()

ts (boardId: number, page: WebPageInfo, boardBKInfo?: WebPageInfo['bkInfo']) => void

setBoardInfo()

ts (boardId: number, boardInfo?: WebBoardInfo) => void

setUserCreateBoardInfo()

ts (boardId: number, boardInfo: WebBoardInfo) => void

_kCreateBoard()

处理创建Board响应 【本地创建白板】

ts (res: CreateBoardResponse) => Promise<void>

processBoardInfo()

ts (data: { boards: BoardInfo[]; packetId: number;}) => void

initWhiteBoard()

ts (boardId: number, pages: WebPageInfo[], currentPageId: string, status: StatusType) => WhiteBoard | undefined

类型: WhiteBoard | undefined

getRoomID()

ts () => string | undefined

类型: string | undefined

login()

ts () => Promise<void>

getBoardInfo()

ts () => Promise<GetBoardInfoResponse>

类型: Promise<GetBoardInfoResponse>

joinRoom()

ts () => Promise<void>

类型: Promise<void>

leaveRoom()

ts () => void

destory()

ts () => void

destroyWhiteBoard()

ts (white_board: WhiteBoard) => void

closeAllWhiteBoard()

ts () => void

getWhiteBoard()

ts (board_id: number) => WhiteBoard

startPlaybackWhiteBoard()

ts () => void

pausePlaybackWhiteBoard()

ts () => void

cancelPausePlaybackWhiteBoard()

ts () => void

stopPlaybackWhiteBoard()

ts () => void

setPlaybackWhiteBoardProgress()

ts (progress: number) => void

createTranscodeTask()

ts (params: IDocsCreateTranscodeTask) => Promise<any>

类型: Promise<any>

IBoradProps

类型: interface

白板属性

名称 描述
appId 每个应用的唯一标识符,由 RTC 控制台随机生成的。不同的 AppId 生成的实例在 RTC 中进行音频通话完全独立,无法互通。
boardViewId 视图 DomID
roomId 房间 ID
userId 用户 ID
token 动态密钥

用户登录必须携带的 Token,用于鉴权验证。

登录 Token 与加入房间时必须携带的 Token 不同。测试时可使用控制台生成临时 Token,roomId 填任意值或置空,正式上线需要使用密钥 SDK 在你的服务端生成并下发 Token。
options 选项

appId

类型: string

每个应用的唯一标识符,由 RTC 控制台随机生成的。不同的 AppId 生成的实例在 RTC 中进行音频通话完全独立,无法互通。

boardViewId

类型: string

视图 DomID

roomId

类型: string

房间 ID

userId

类型: string

用户 ID

token

类型: string

动态密钥

用户登录必须携带的 Token,用于鉴权验证。

登录 Token 与加入房间时必须携带的 Token 不同。测试时可使用控制台生成临时 Token,roomId 填任意值或置空,正式上线需要使用密钥 SDK 在你的服务端生成并下发 Token。

options

类型: { autoFlip: boolean; }

选项

ICreateBoard

类型: interface

名称 描述
createStatus

createStatus

类型: ResponseStatus

CreateBoardResponse

类型: interface

名称 描述
status
boardId

status

类型: ResponseStatus

boardId

类型: number

ResponseStatus

类型: enum

属性 值 描述
Succeed 0
Reject 1
Conflict 2
Error 3

HttpClient

类型: class

名称 描述
getTimestamp()
getToken()
getPageSnapShot()
replay()
roomEnter()
roomQuit()
createTranscodeTask()
queryTranscodeTask()
getTranscodeResult()
getBoardInfos()

getTimestamp()

ts (requestConfig: Partial<AxiosRequestConfig>) => Promise<{ timestamp: number; }>

类型: Promise<{ timestamp: number }>

getToken()

ts (requestConfig: Partial<AxiosRequestConfig>, params: any) => Promise<Token>

getPageSnapShot()

ts (requestConfig: Partial<AxiosRequestConfig>, params: any) => Promise<Res>

replay()

ts (requestConfig: Partial<AxiosRequestConfig>, params: any) => Promise<Res>

roomEnter()

ts (requestConfig: Partial<AxiosRequestConfig>, params: any) => Promise<Res>

roomQuit()

ts (requestConfig: Partial<AxiosRequestConfig>, params: any) => Promise<Res>

createTranscodeTask()

ts (requestConfig: Partial<AxiosRequestConfig>, params: IDocsCreateTranscodeTask) => Promise<IDocsCreateTranscodeTaskRes>

queryTranscodeTask()

ts (requestConfig: Partial<AxiosRequestConfig>, params: IDocsQueryTranscodeTask) => Promise<IDocsQueryTranscodeTaskRes>

getTranscodeResult()

ts (requestConfig: Partial<AxiosRequestConfig>, params: IDocsGetTranscodeResult) => Promise<IDocsGetTranscodeResultRes>

getBoardInfos()

ts (requestConfig: Partial<AxiosRequestConfig>, params: IGetBoardInfoParams) => Promise<Res>

IDocsCreateTranscodeTask

类型: interface

名称 描述
app_id
resource
operator
transcode_config
storage_config
transcode_mode
priority
onProgress()

app_id

类型: string

resource

类型: string

operator

类型: string

transcode_config

类型: TranscodeConfig

storage_config

类型: StorageConfig

transcode_mode

类型: TranscodeMode

priority

类型: Priority

onProgress()

ts (transcodePercent: number, transcodeStatus: TaskStatus, task_id: string) => void

TranscodeConfig

类型: interface

名称 描述
input_format
output_format
output_width
output_height
force_use_resolution
thumbnail
thumbnail_width
thumbnail_height

input_format

类型: InputFormat

output_format

类型: OutputFormat

output_width

类型: number

output_height

类型: number

force_use_resolution

类型: boolean

thumbnail

类型: boolean

thumbnail_width

类型: number

thumbnail_height

类型: number

InputFormat

类型: enum

属性 值 描述
ppt 1
pptx 2
doc 3
docx 4
pdf 5

OutputFormat

类型: enum

属性 值 描述
png 1
'jpg/jpeg' 2

StorageConfig

类型: interface

名称 描述
type
tos_config
custom_config

type

类型: StorageType

tos_config

类型: TosConfig

custom_config

类型: CustomConfig

StorageType

类型: enum

属性 值 描述
Tos 0
S3 1

TosConfig

类型: interface

名称 描述
account_id
bucket

account_id

类型: string

bucket

类型: string

CustomConfig

类型: interface

名称 描述
vendor
region
bucket
access_key
secret_key

vendor

类型: Vendor

region

类型: string

bucket

类型: string

access_key

类型: string

secret_key

类型: string

Vendor

类型: enum

属性 值 描述
amazon 0
alicloud 1

TranscodeMode

类型: enum

属性 值 描述
static 0
dynamic 1

Priority

类型: enum

属性 值 描述
nonrealtime 0
realtime 1

TaskStatus

类型: enum

属性 值 描述
Pending 0
Ongoing 1
Completed 2
Fail 3

IDocsQueryTranscodeTask

类型: interface

名称 描述
app_id
operator
task_id

app_id

类型: string

operator

类型: string

task_id

类型: string

IDocsGetTranscodeResult

类型: interface

名称 描述
app_id
operator
task_id
need_thumbnail

app_id

类型: string

operator

类型: string

task_id

类型: string

need_thumbnail

类型: boolean

IGetBoardInfoParams

类型: interface

名称 描述
app_id
room_id
board_ids

app_id

类型: string

room_id

类型: string

board_ids

类型: number[]

TimeHelper

类型: class

名称 描述
byteToken
init()
initAdjustTime()
getCurrentTime()

new TimeHelper()

ts constructor(options: { byteToken: string })

byteToken

类型: string

init()

ts () => void

initAdjustTime()

ts () => Promise<void>

getCurrentTime()

ts () => number

CacheManage

类型: class

名称 描述
storage
processPageInfo()
FlipBoardPage()
removeAction()
processActionType()
recordObjActionIdWrite()
recordObjActionId()
processObjActionId()
${operator}-${packetId}()
processObjActionReplay()
processPageActionReplay()
redoActionCount()
processObjCount()
processControlCount()
processBoardControlCount()
processPackConflict()
processRecvPacket()
processPolylineSplit()
processPacket()
heartCountFission()
clearHeartCountFission()
ClearCurrentPage()
GetAllActions()
HasActionLost()
HasControlLost()
GetLostObjectIdList()
checkResponseTimeout()
getObjDataCacahe()

new CacheManage()

storage

类型: { actionCount: { [key: number]: { [key: string]: number; }; }; controlCount: { [key: number]: { [key: string]: number; }; }; boardControlCount: { [key: number]: number; }; objData: { [key: number]: { [key: string]: { [key: string]: { [key: string]: ObjData; [key: number]: ObjData; }; }; }; }; pageDataReplay: { [key: number]: any; }; objDataReplay: { [key: number]: { [key: string]: { [key: string]: { [key: string]: ObjData; [key: number]: ObjData; }; }; }; }; objCount: { [key: number]: { [key: string]: { [key: string]: number; }; }; }; objCountTmp: { [key: number]: { [key: string]: { [key: string]: number; }; }; }; objPacket: { [key: string]: { [key: number]: { status: number | undefined; }; }; }; objActionId: { [key: string]: { cur: number; next: number; }; }; objActionIdLocal: { [key: string]: { cur: number; next: number; }; }; heartCount: { [key: number]: { [key: string]: number[]; }; }; ActionType: { timestamp: string; type: number;}[]; conflict: ConflictPacket[]; recvPacket: RecePacket[]; polylineSplit: PolylineSplit; packets: PacketParam; userLockObjIds: { [key: string]: string; }; httpCache: { [key: string]: { resendCount?: number; ack?: any; }; [key: number]: { resendCount?: number; ack?: any; }; }; pageObj: { [key: number]: WebPageInfo[]; }; createPages: { [key: string]: any[]; }; }

processPageInfo()

ts (params: { boardId: number; pages: WebPageInfo[];}) => void

FlipBoardPage()

ts () => void

removeAction()

ts (boardId: number, pageId: string, objId: string) => void

processActionType()

ts (item: { timestamp: string; type: number;}) => void

recordObjActionIdWrite()

ts (params: { objId: string; count: number;}) => void

recordObjActionId()

ts (params: { objId: string; count: number; key: 'objActionId' | 'objActionIdLocal';}) => void

processObjActionId()

ts (params: { objId: string; key: 'objActionId' | 'objActionIdLocal';}) => void

${operator}-${packetId}()

ts (message: { boardId: number; pageId: string | undefined; objId: string; actions: Action[]; packetId: number; operator: string;}) => void

processObjActionReplay()

ts (message: { boardId: number; pageId: string | undefined; objId: string; actions: Action[]; packetId: number; operator: string;}) => void

processPageActionReplay()

ts (boardId: number, data: any) => void

redoActionCount()

ts (boardId: number, pageId: string) => void

processObjCount()

ts (boardId: number, pageId: string, objId: string, actionCount: number, phase: PhaseType | undefined, finish: boolean) => void

processControlCount()

ts (boardId: number, pageId: string, addCount: number) => void

processBoardControlCount()

ts (boardId: number, addCount: number) => void

processPackConflict()

ts (item?: ConflictPacket) => void

processRecvPacket()

ts (item?: RecePacket) => void

processPolylineSplit()

ts (param: { key: string; objIds?: string[];}) => void

processPacket()

ts (params: { packetId: number; param?: PackeItem; resendCount?: number; fileInfo: { fileId: string; };}) => void

heartCountFission()

ts (message: { boardId: number; pageId: string; count: number;}) => void

clearHeartCountFission()

ts (message: { boardId: number; pageId: string;}) => void

ClearCurrentPage()

ts () => void

GetAllActions()

ts () => void

HasActionLost()

ts () => void

HasControlLost()

ts () => void

GetLostObjectIdList()

ts () => void

checkResponseTimeout()

ts ({ onSuccess, onReject, onMaxCount, timeout, key }: ICheckResponse) => void

getObjDataCacahe()

ts (boardId: number | undefined, pageId: string | undefined, objId: string) => { obj: { [key: string]: any; }; props: { [key: string]: any; }; phase: PhaseType; timestamp: number; type: ActionType; shapeType: any; zIndex: string; }[]

Action

类型: interface

名称 描述
type
phase
objId
actionId
timestamp
data
zIndex
creatorUserId
flag

type

类型: ActionType

phase

类型: PhaseType

objId

类型: string

actionId

类型: number

timestamp

类型: string

data

类型: string

zIndex

类型: string

creatorUserId

类型: string

flag

类型: ActionFlag

ActionType

类型: enum

属性 值 描述
kPen 0
kLine 1
kArrow 2
kRect 3
kCircle 4
kText 5
kLaserPen 7
kErase 100
kClearBoard 101
kLock 102
kUnLock 103
kCreatePage 200
kFlipPage 201
kDeletePage 203
kChangePageBackground 204
kChangeBoardBackground 205

PhaseType

类型: enum

属性 值 描述
kStart 0
kOnGoing 1
kFinish 2
kFull 3

ActionFlag

类型: enum

属性 值 描述
kNone 0
kUndo 1
kRedo 2
kClear 3

ICheckResponse

类型: interface

名称 描述
timeout
key
onSuccess()
onReject()
onMaxCount()

timeout

类型: number

key

类型: string

onSuccess()

ts () => void

onReject()

ts () => void

onMaxCount()

ts () => void

SnapshotManage

类型: class

名称 描述
name
boardRef
count
arrs
initRequest()
reqCallback()

new SnapshotManage()

ts constructor(options: { boardRef: WhiteBoardRoom})

name

类型: string

boardRef

类型: WhiteBoardRoom

count

类型: number

arrs

类型: string[][]

initRequest()

ts (controlCount: { [key: string]: number; }, currentPageId: string) => void

reqCallback()

ts () => void

DataProcessItemSend

类型: interface

名称 描述
object
props
phase
type
flag

object

类型: any

props

类型: any

phase

类型: PhaseType

type

类型: ActionTypeExtend

flag

类型: CALL_SOURCE

ActionTypeExtend

ts ActionType | Constant.SHAPE_TYPE

CALL_SOURCE

类型: enum

属性 值 描述
UNDO 'undo'
REDO 'redo'
CLEAR 'clear'

SendType

类型: enum

属性 值 描述
packet 0
data 1

EditingMessage

类型: interface

名称 描述
packet
userLockObjIds

packet

类型: Packet

userLockObjIds

类型: { [key: string]: string; }

Packet

类型: interface

名称 描述
boardId
pageId
packetId
operator
version
timestamp
actions

boardId

类型: number

pageId

类型: string

packetId

类型: number

operator

类型: string

version

类型: number

timestamp

类型: number

actions

类型: Action[]

GetActionCountResponse

类型: interface

名称 描述
boardId
pageId
actionCount

boardId

类型: number

pageId

类型: string

actionCount

类型: { [key: string]: number; }

HeartBeatResponse

类型: interface

名称 描述
boardId
pageId
heartBeat

boardId

类型: number

pageId

类型: string

heartBeat

类型: HeartBeatData

HeartBeatData

类型: interface

名称 描述
actionCount
controlCount
userLockObjIds
boardCurrentPageId
boardControlCount

actionCount

类型: number

controlCount

类型: number

userLockObjIds

类型: { [key: string]: string; }

boardCurrentPageId

类型: string

boardControlCount

类型: number

GetShapeSnapshotResponse

类型: interface

名称 描述
boardId
pageId
id
version
objList

boardId

类型: number

pageId

类型: string

id

类型: string

version

类型: number

objList

类型: Element[]

Element

类型: interface

名称 描述
type
actionCount
actionId
timestamp
boardId
pageId
objId
data
zIndex
creatorUserId
initialized

type

类型: ActionType

actionCount

类型: number

actionId

类型: number

timestamp

类型: string

boardId

类型: number

pageId

类型: string

objId

类型: string

data

类型: string

zIndex

类型: string

creatorUserId

类型: string

initialized

类型: boolean

EditingResponse

类型: interface

名称 描述
boardId
pageId
packetId
status
conflictObjIds

boardId

类型: number

pageId

类型: string

packetId

类型: number

status

类型: ResponseStatus

conflictObjIds

类型: string[]

BoardInfo

类型: interface

白板信息

名称 描述
boardId 白板 ID
pages 总页数
currentPageId 当前页面 ID
status 白板状态
controlCount 控制状态
boardControlCount 控制人数
bkInfo 背景设置

boardId

类型: number

白板 ID

pages

类型: PageInfo[]

总页数

currentPageId

类型: string

当前页面 ID

status

类型: StatusType

白板状态

controlCount

类型: { [key: string]: number; }

控制状态

boardControlCount

类型: number

控制人数

bkInfo

类型: BackgroundInfo

背景设置

PageInfo

类型: interface

名称 描述
pageId
bkInfo
extra

pageId

类型: string

bkInfo

类型: BackgroundInfo

extra

类型: string

BackgroundInfo

类型: interface

背景设置

名称 描述
bkColor 背景颜色
bkImage 背景图片
bkImageFillType 填充方式
bkImageSize 图片尺寸

bkColor

类型: number

背景颜色

bkImage

类型: string

背景图片

bkImageFillType

类型: BkFillType

填充方式

bkImageSize

类型: BkImageSize

图片尺寸

GetBoardInfoResponse

类型: interface

白板信息

名称 描述
boards 白板信息
packetId ID

boards

类型: BoardInfo[]

白板信息

packetId

类型: number

ID

canvasConfig

ts fabric.ICanvasOptions & { width: number; height: number }

ObjectParams

ts fabric.Object & { objId: string; id: string; shapeType: Constant.SHAPE_TYPE; text: string; textLines: string[]; type: Constant.SHAPE_TYPE; }

ImageManage

类型: class

名称 描述
name
boardCanvas
imageObjList
loadImage()
setImageFromLoad()
getImageFormLoad()

new ImageManage()

ts constructor(options: ImageOptions)

name

类型: string

boardCanvas

类型: WhiteBoard

imageObjList

类型: { url: string; img: fabric.Image; }[]

loadImage()

ts (pageId: string, bkImages: string[]) => void

setImageFromLoad()

ts (pageId: string, url: string, fillType?: BkFillType, options?: SetBGImgOptions) => Promise<unknown>

getImageFormLoad()

ts (url: string) => { url: string; img: Image; }

ImageOptions

类型: interface

名称 描述
boardCanvas

boardCanvas

类型: WhiteBoard

SetBGImgOptions

类型: interface

名称 描述
width
height

width

类型: number

height

类型: number

MulitPage

类型: class

名称 描述
createFilePage()
createPageUI()
createPageData()
createPages()
createPage()
flipPage()
flipPageUI()
removePageUI()
removePageData()
removePages()
changeBoardBackground()
getCurrentPageInfo()
getAllPageInfo()
getCurrentPageIndex()
getPageInfoByIndex()
changePageBackground()
changePageBackgroundCallback()
changeBoardBackgroundCallback()

new MulitPage()

ts constructor(options: IMulitPage)

createFilePage()

ts (currentPageId: string, pageConfig: { fileImage: string; fileName: string;}[], fillType: BkFillType, file_id: string, options?: CreatePageOptions) => void

createPageUI()

ts (pages: WebPageInfo[], prePageId: string, replayCallbak?: (params: ReplayCallbackParam) => void) => void

createPageData()

ts (prePageId: string, pages: Partial<WebPageInfo>[], options?: CreatePageOptions) => void

createPages()

ts (insertPageId: string, pageConfigs: WebPageInfo[], file_id: string, options?: CreatePageOptions) => void

createPage()

ts (insertPageId: string, pageConfig: Partial<WebPageInfo>, options?: CreatePageOptions) => void

flipPage()

ts (pageId: string, with_unlock_action?: boolean) => void

flipPageUI()

ts (pageId: string, replayCallbak?: (params: ReplayCallbackParam) => void) => Promise<void>

removePageUI()

ts (pageIds: string[], replayCallbak?: (params: ReplayCallbackParam) => void) => void

removePageData()

ts (pageIds: string[], isContinuousPages: boolean) => void

removePages()

ts (pageIds: string[], isContinuousPages?: boolean) => void

changeBoardBackground()

ts (params: BackgroundInfoCache) => void

getCurrentPageInfo()

ts () => WebPageInfo

getAllPageInfo()

ts () => WebPageInfo[]

getCurrentPageIndex()

ts () => number

getPageInfoByIndex()

ts (index: number) => WebPageInfo

changePageBackground()

ts (params: { pageId: string; color?: string; img?: string; fillType?: BkFillType;}) => void

changePageBackgroundCallback()

ts (params: { pageId: string; bkInfo: { bkColor: string; bkImage: string; bkImageFillType: BkFillType; };}, replayCallbak?: (params: ReplayCallbackParam) => void) => void

changeBoardBackgroundCallback()

ts (params: { pageId: string; bkInfo: { bkColor: string; bkImage: string; bkImageFillType: BkFillType; };}, replayCallbak?: (params: ReplayCallbackParam) => void) => void

IMulitPage

类型: interface

名称 描述
boardRef
boardRoomRef

boardRef

类型: WhiteBoard

boardRoomRef

类型: WhiteBoardRoom

CreatePageOptions

类型: interface

名称 描述
autoFlip

autoFlip

类型: boolean

ReplayCallbackParam

类型: interface

名称 描述
currentPageId
insertPageId
pages
whiteBoardInfo

currentPageId

类型: string

insertPageId

类型: string

pages

类型: WebPageInfo[]

whiteBoardInfo

类型: { [key: number]: WebBoardInfo; }