Properties
Private #audioCtx
#audioCtx: AudioContext = ...
Private #autoPreFrame
#autoPreFrame: {
updateTime: ((...rest) => undefined | void);
reset(): void;
} = ...
Type declaration
updateTime: ((...rest) => undefined | void)
- (...rest): undefined | void
Parameters
Rest ...rest: [curTime: number]
Returns undefined | void
reset:function
- reset(): void
Returns void
Private #captureAudioDest
#captureAudioDest: MediaStreamAudioDestinationNode = ...
Private #clears
#clears: (() => void)[] = []
Private #cvsCtx
#cvsCtx: CanvasRenderingContext2D
Private #cvsEl
#cvsEl: HTMLCanvasElement
Private #destroyed
#destroyed: boolean = false
Private #evtTool
#evtTool: EventTool<{
activeSpriteChange: ((sprite) => void);
paused: (() => void);
playing: (() => void);
timeupdate: ((time) => void);
}> = ...
Type declaration
activeSpriteChange: ((sprite) => void)
- (sprite): void
Parameters
- sprite: null | VisibleSprite
Returns void
paused: (() => void)
playing: (() => void)
timeupdate: ((time) => void)
Private #opts
#opts: {
bgColor: string;
} & IResolution
Private #playState
#playState: {
audioPlayAt: number;
end: number;
start: number;
step: number;
} = ...
Type declaration
audioPlayAt: number
end: number
start: number
step: number
Private #playingAudioCache
#playingAudioCache: Set<AudioBufferSourceNode> = ...
Private #renderTime
#renderTime: number = 0e6
Private #sprMapAudioNode
#sprMapAudioNode: WeakMap<VisibleSprite, AudioNode> = ...
Private #spriteManager
#spriteManager: SpriteManager
Private #stopRender
#stopRender: (() => void)
addSprite
addSprite: ((vs) => Promise<void>) = ...
Type declaration
- (vs): Promise<void>
Returns Promise<void>
on
on: (<Type>(type,
listener) => (() => void)) = ... Type declaration
- <Type>(type, listener): (() => void)
Type Parameters
- Type extends "timeupdate" | "paused" | "playing" | "activeSpriteChange"
Parameters
- type: Type
- listener: {
activeSpriteChange: ((sprite) => void);
paused: (() => void);
playing: (() => void);
timeupdate: ((time) => void);
}[Type]
Returns (() => void)
removeSprite
removeSprite: ((spr) => void) = ...
一个可交互的画布，让用户添加各种素材，支持基础交互（拖拽、缩放、旋转、时间偏移）
用于在 Web 环境中实现视频剪辑、直播推流工作台功能
Description
See
Example