Class Visualizer`Abstract`

This private class is superclass for visualizer class (TimeOverview, Time, FFT).

Hierarchy (view full)

Visualizer

Implements

Statable

Constructors

constructor

new Visualizer(sampleRate, channel): Visualizer
Parameters
- sampleRate: number
  This argument is sample rate.
- channel: ChannelNumber
Returns Visualizer
- Defined in SoundModule/Analyser/Visualizer.ts:102

Properties

`Protected`canvas

canvas: null | HTMLCanvasElement = null

`Protected`channel

channel: ChannelNumber

`Protected`context

context: null | CanvasRenderingContext2D = null

`Protected`graphics

graphics: GraphicsApi = ''

`Protected`interval

interval: number = 1000

`Protected`isActive

isActive: boolean = false

`Protected`sampleRate

sampleRate: number

`Protected`styles

styles: GraphicsStyles = ...

`Protected`svg

svg: null | SVGSVGElement = null

`Protected` `Static`SVG_LINEAR_GRADIENT_ID_FFT

SVG_LINEAR_GRADIENT_ID_FFT: string = 'svg-linear-gradient-fft'

`Protected` `Static`SVG_LINEAR_GRADIENT_ID_TIME

SVG_LINEAR_GRADIENT_ID_TIME: string = 'svg-linear-gradient-time'

`Protected` `Static`SVG_LINEAR_GRADIENT_ID_TIME_OVERVIEW

SVG_LINEAR_GRADIENT_ID_TIME_OVERVIEW: string = 'svg-linear-gradient-time-overview'

`Static` `Readonly`XLINK

XLINK: "http://www.w3.org/1999/xlink" = ...

`Static` `Readonly`XMLNS

XMLNS: "http://www.w3.org/2000/svg" = ...

Methods

activate

activate(): Visualizer
This method activates visualizer.

Returns Visualizer
Return value is for method chain.
Implementation of Statable.activate
- Defined in SoundModule/Analyser/Visualizer.ts:285

clear

clear(): Visualizer
This method clears graphics.

Returns Visualizer
Return value is for method chain.
- Defined in SoundModule/Analyser/Visualizer.ts:219

create

create(): string
This method creates visualized graphics as string (Data URL or SVG).

Returns string
- Defined in SoundModule/Analyser/Visualizer.ts:249

`Protected`createFontString

createFontString(): string
This method creates string for font styles.

Returns string
- Defined in SoundModule/Analyser/Visualizer.ts:512

`Protected`createSVGLinearGradient

createSVGLinearGradient(linearGradientId): null | SVGDefsElement
This method creates elements for SVG linear gradient.
Parameters
- linearGradientId: string
  This argument is id attribute for SVGLinearGradientElement.
Returns null | SVGDefsElement
This value is as instance of SVGDefsElement.
- Defined in SoundModule/Analyser/Visualizer.ts:480

deactivate

deactivate(): Visualizer
This method deactivates visualizer.

Returns Visualizer
Return value is for method chain.
Implementation of Statable.deactivate
- Defined in SoundModule/Analyser/Visualizer.ts:294

get

get(): null | HTMLCanvasElement | SVGSVGElement
This method gets instance of HTMLCanvasElement or SVGSVGElement.

Returns null | HTMLCanvasElement | SVGSVGElement
- Defined in SoundModule/Analyser/Visualizer.ts:199

param

param(params): number
This method gets or sets parameters for visualization. This method is overloaded for type interface and type check.
Parameters
- params: "interval"
  This argument is string if getter. Otherwise, setter.
Returns number
Return value is parameter for visualization if getter.
- Defined in SoundModule/Analyser/Visualizer.ts:158
param(params): GraphicsStyles
Parameters
- params: "styles"
Returns GraphicsStyles
- Defined in SoundModule/Analyser/Visualizer.ts:159
param(params): void
Parameters
- params: VisualizerParams
Returns void
- Defined in SoundModule/Analyser/Visualizer.ts:160

setup

setup(element): Visualizer
This method sets up for using Canvas or SVG.
Parameters
- element: HTMLCanvasElement | SVGSVGElement
  This argument is either HTMLCanvasElement or SVGSVGElement.
Returns Visualizer
Return value is for method chain.
- Defined in SoundModule/Analyser/Visualizer.ts:112

start

start(data, minDecibels?, maxDecibels?): Visualizer
This method visualizes sound wave to Canvas or SVG. This method conceals difference of API for visualization.
Parameters
- data: Float32Array | Uint8Array
  This argument is sound data for visualization.
- OptionalminDecibels: number
  This argument is parameter for spectrum. The default value is -100 dB.
- OptionalmaxDecibels: number
  This argument is parameter for spectrum. The default value is -30 dB.
Returns Visualizer
Return value is for method chain.
- Defined in SoundModule/Analyser/Visualizer.ts:132

state

state(): boolean
This method gets visualizer state. If returns true, visualizer is active.

Returns boolean
Implementation of Statable.state
- Defined in SoundModule/Analyser/Visualizer.ts:277

`Protected` `Abstract`visualizeBySVG

visualizeBySVG(data, minDecibels?, maxDecibels?): void
Parameters
- data: Float32Array | Uint8Array
- OptionalminDecibels: number
- OptionalmaxDecibels: number
Returns void
- Defined in SoundModule/Analyser/Visualizer.ts:519

`Protected` `Abstract`visualizeOnCanvas

visualizeOnCanvas(data, minDecibels?, maxDecibels?): void
Parameters
- data: Float32Array | Uint8Array
- OptionalminDecibels: number
- OptionalmaxDecibels: number
Returns void
- Defined in SoundModule/Analyser/Visualizer.ts:518

`Protected`visualizeTimeDomainFloat32ArrayBySVG

visualizeTimeDomainFloat32ArrayBySVG(data, innerWidth, innerHeight, middle, numberOfPlots, linearGradientId): null | SVGPathElement | SVGGElement
This method visualizes time domain data (Float32Array) to SVG.
Parameters
- data: Float32Array
  This argument is time domain data.
- innerWidth: number
  This argument is width of visualization area.
- innerHeight: number
  This argument is height of visualization area.
- middle: number
  This argument is middle of visualization area.
- numberOfPlots: number
  This argument is interval for visualization.
- linearGradientId: string
  This argument is id attribute for SVGLinearGradientElement.
Returns null | SVGPathElement | SVGGElement
This value is instance of SVGPathElement or SVGGElement.
- Defined in SoundModule/Analyser/Visualizer.ts:388

`Protected`visualizeTimeDomainFloat32ArrayOnCanvas

visualizeTimeDomainFloat32ArrayOnCanvas(context, data, innerWidth, innerHeight, middle, numberOfPlots?): void
This method visualizes time domain data (Float32Array) to Canvas.
Parameters
- context: CanvasRenderingContext2D
  This argument is instance of CanvasRenderingContext2D.
- data: Float32Array
  This argument is time domain data.
- innerWidth: number
  This argument is width of visualization area.
- innerHeight: number
  This argument is height of visualization area.
- middle: number
  This argument is middle of visualization area.
- OptionalnumberOfPlots: number
  This argument is interval for visualization.
Returns void
- Defined in SoundModule/Analyser/Visualizer.ts:308

Class VisualizerAbstract

Hierarchy (view full)

Implements

Index

Constructors

Properties

Methods

Constructors

constructor

Parameters

Returns Visualizer

Properties

Protectedcanvas

Protectedchannel

Protectedcontext

Protectedgraphics

Protectedinterval

ProtectedisActive

ProtectedsampleRate

Protectedstyles

Protectedsvg

Protected StaticSVG_LINEAR_GRADIENT_ID_FFT

Protected StaticSVG_LINEAR_GRADIENT_ID_TIME

Protected StaticSVG_LINEAR_GRADIENT_ID_TIME_OVERVIEW

Static ReadonlyXLINK

Static ReadonlyXMLNS

Methods

activate

Returns Visualizer

clear

Returns Visualizer

create

Returns string

ProtectedcreateFontString

Returns string

ProtectedcreateSVGLinearGradient

Parameters

Returns null | SVGDefsElement

deactivate

Returns Visualizer

get

Returns null | HTMLCanvasElement | SVGSVGElement

param

Parameters

Returns number

Parameters

Returns GraphicsStyles

Parameters

Returns void

setup

Parameters

Returns Visualizer

start

Parameters

Returns Visualizer

state

Returns boolean

Protected AbstractvisualizeBySVG

Parameters

Returns void

Protected AbstractvisualizeOnCanvas

Parameters

Returns void

ProtectedvisualizeTimeDomainFloat32ArrayBySVG

Parameters

Returns null | SVGPathElement | SVGGElement

ProtectedvisualizeTimeDomainFloat32ArrayOnCanvas

Parameters

Returns void

Settings

On This Page

Class Visualizer`Abstract`

`Protected`canvas

`Protected`channel

`Protected`context

`Protected`graphics

`Protected`interval

`Protected`isActive

`Protected`sampleRate

`Protected`styles

`Protected`svg

`Protected` `Static`SVG_LINEAR_GRADIENT_ID_FFT

`Protected` `Static`SVG_LINEAR_GRADIENT_ID_TIME

`Protected` `Static`SVG_LINEAR_GRADIENT_ID_TIME_OVERVIEW

`Static` `Readonly`XLINK

`Static` `Readonly`XMLNS

`Protected`createFontString

`Protected`createSVGLinearGradient

`Protected` `Abstract`visualizeBySVG

`Protected` `Abstract`visualizeOnCanvas

`Protected`visualizeTimeDomainFloat32ArrayBySVG

`Protected`visualizeTimeDomainFloat32ArrayOnCanvas