Class TimeOverview

This private class visualizes audio wave overview in time domain.

Hierarchy (view full)

Constructors

constructor

Properties

canvas channel context graphics interval isActive sampleRate styles svg SVG_LINEAR_GRADIENT_ID_FFT SVG_LINEAR_GRADIENT_ID_TIME SVG_LINEAR_GRADIENT_ID_TIME_OVERVIEW XLINK XMLNS

Methods

activate clear create createFontString createSVGLinearGradient deactivate drag get param setup start state update visualizeBySVG visualizeOnCanvas visualizeTimeDomainFloat32ArrayBySVG visualizeTimeDomainFloat32ArrayOnCanvas

Constructors

constructor

Properties

Protectedcanvas

canvas: null | HTMLCanvasElement = null

Protectedchannel

channel: ChannelNumber

Protectedcontext

context: null | CanvasRenderingContext2D = null

Protectedgraphics

graphics: GraphicsApi = ''

Protectedinterval

interval: number = 1000

ProtectedisActive

isActive: boolean = false

ProtectedsampleRate

sampleRate: number

Protectedstyles

styles: GraphicsStyles = ...

Protectedsvg

svg: null | SVGSVGElement = null

Protected StaticSVG_LINEAR_GRADIENT_ID_FFT

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

Protected StaticSVG_LINEAR_GRADIENT_ID_TIME

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

Protected StaticSVG_LINEAR_GRADIENT_ID_TIME_OVERVIEW

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

Static ReadonlyXLINK

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

Static ReadonlyXMLNS

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

Methods

activate

clear

create

ProtectedcreateFontString

ProtectedcreateSVGLinearGradient

  • 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.

deactivate

drag

get

param

  • param(params): number

  • This method gets or sets parameters for visualizing audio wave. 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 visualizing audio wave if getter. Otherwise, return value is for method chain.

  • param(params): GraphicsStyles

  • This method gets or sets parameters for visualization. This method is overloaded for type interface and type check.

    Parameters

    • params: "styles"

      This argument is string if getter. Otherwise, setter.

    Returns GraphicsStyles

    Return value is parameter for visualization if getter.

  • param(params): CurrentTimeStyles

  • This method gets or sets parameters for visualization. This method is overloaded for type interface and type check.

    Parameters

    • params: "currentTime"

      This argument is string if getter. Otherwise, setter.

    Returns CurrentTimeStyles

    Return value is parameter for visualization if getter.

  • param(params): string

  • This method gets or sets parameters for visualization. This method is overloaded for type interface and type check.

    Parameters

    • params: "sprite"

      This argument is string if getter. Otherwise, setter.

    Returns string

    Return value is parameter for visualization if getter.

  • param(params): number

  • This method gets or sets parameters for visualization. This method is overloaded for type interface and type check.

    Parameters

    • params: "plotInterval"

      This argument is string if getter. Otherwise, setter.

    Returns number

    Return value is parameter for visualization if getter.

  • param(params): number

  • This method gets or sets parameters for visualization. This method is overloaded for type interface and type check.

    Parameters

    • params: "textInterval"

      This argument is string if getter. Otherwise, setter.

    Returns number

    Return value is parameter for visualization if getter.

  • param(params): DragMode

  • This method gets or sets parameters for visualization. This method is overloaded for type interface and type check.

    Parameters

    • params: "mode"

      This argument is string if getter. Otherwise, setter.

    Returns DragMode

    Return value is parameter for visualization if getter.

  • param(params): TimeOverview

  • This method gets or sets parameters for visualization. This method is overloaded for type interface and type check.

    Parameters

    Returns TimeOverview

    Return value is parameter for visualization if getter.

setup

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.

state

update

ProtectedvisualizeBySVG

  • visualizeBySVG(data, _minDecibels?, _maxDecibels?): void

  • This method visualizes audio wave overview to SVG.

    Parameters

    • data: Float32Array | Uint8Array

      This argument is audio data for visualization.

    • Optional_minDecibels: number
    • Optional_maxDecibels: number

    Returns void

ProtectedvisualizeOnCanvas

  • visualizeOnCanvas(data, _minDecibels?, _maxDecibels?): void

  • This method visualizes audio wave overview to Canvas.

    Parameters

    • data: Float32Array | Uint8Array

      This argument is audio data for visualization.

    • Optional_minDecibels: number
    • Optional_maxDecibels: number

    Returns void

ProtectedvisualizeTimeDomainFloat32ArrayBySVG

  • 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.

ProtectedvisualizeTimeDomainFloat32ArrayOnCanvas

  • 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

Settings

Member Visibility

On This Page

Constructors
Properties
Methods