BgBlurPlugin
Background blur plugin
@geenee/armature!ShaderPlugin blurring background region of an image. Segmentation mask defines image foreground that stays untouched. Plugin depends on @geenee/bodyrenderers-common!MaskUploadPlugin that must be attached to the renderer to upload mask buffer in texture. One may utilize a @geenee/bodyrenderers-common!MaskUpscalePlugin providing higher resolution segmentation mask that significantly increases accuracy of patching and reduces the size of the patch region. Other mask post-processing plugins may be used to fine-tune for particular use case.
Extends
Constructors
new BgBlurPlugin()
new BgBlurPlugin(
smooth,thresh):BgBlurPlugin
Constructor
Parameters
• smooth: number = 11.0
Smoothing strength
• thresh: number = 0.55
Background threshold
Returns
Overrides
Properties
fragSrc?
protectedoptionalfragSrc:string
Code of fragment shader (copy shader by default)
Inherited from
inputs?
protectedoptionalinputs:string[]
Shader texture inputs (names of sampler uniforms)
Inherited from
loaded
loaded:
boolean
Loaded state
Inherited from
ordinal
ordinal:
number
Ordinal number
Inherited from
renderer?
protectedoptionalrenderer:Renderer<SegmentationResult>
Renderer loaded the plugin
Inherited from
shader?
protectedoptionalshader:ShaderProgram
Rendering shader
Inherited from
shaderCtx?
protectedoptionalshaderCtx:WebGL2RenderingContext
Rendering context
Inherited from
size
protectedsize:Size
Image size
Inherited from
smooth
protectedsmooth:number=11.0
Smoothing strength
uniforms?
protectedoptionaluniforms:object
Shader uniforms as name-type map object
Index Signature
[key: string]: UniformType
Inherited from
vertSrc?
protectedoptionalvertSrc:string
Vertex shader source (copy shader by default)
Inherited from
Methods
dispose()
dispose():
void
Dispose video plugin
Returns
void
Inherited from
load()
load(
renderer):Promise<void>
Initialize plugin
Initializes resources required for shader effect.
Parameters
• renderer: Renderer<SegmentationResult>
Renderer this plugin is attached to
Returns
Promise<void>
Promise resolving when initialization is finished
Overrides
process()
process(
result,input):Promise<boolean>
Process the image
Applies background blur filter.
Parameters
• result: SegmentationResult
Results of video processing
• input: WebGLTexture
Current image texture
Returns
Promise<boolean>
True on success, false otherwise
Overrides
setupCamera()
setupCamera(
ratio,angle):void
Set camera parameters
Could be overridden to adjust plugin’s pipeline.
Parameters
• ratio: number
Aspect ration of input video
• angle: number
Vertical field of view in radians
Returns
void
Inherited from
setupVideo()
setupVideo(
size):void
Set video size
Adjusts shader and texture to a new size.
Parameters
• size: Size
Resolution of input video
Returns
void
Overrides
unload()
unload():
void
Reset plugin
Releases all resources and instances created in load().
Returns
void
Overrides
update()
update(
result,stream):Promise<void>
Sealed
Update the image
Main method implementing webgl shader effect or filter. ShaderRenderer keeps track of the current iamge texture that will be be rendered. ShaderPlugin uses the current texture as input and writes results to ShaderPlugin#output. ShaderPlugin#output becomes new current texture of ShaderRenderer. This way all ShaderPlugins attached to renderer organize a chain of effects applied on top of each other. Method process() implements shader effect itself, it’s intended to be overridden by effect authors.
Parameters
• result: SegmentationResult
Results of video processing
• stream: HTMLCanvasElement
Captured video frame
Returns
Promise<void>
Promise resolving when update is finished