XSound - v4.3.10
    Preparing search index...

    Interface VisualizerAbstract

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

    interface Visualizer {
        analyser: AnalyserNode | null;
        canvas: HTMLCanvasElement | null;
        channel: ChannelNumber;
        context: CanvasRenderingContext2D | null;
        graphics: GraphicsApi;
        interval: number;
        isActive: boolean;
        sampleRate: number;
        styles: GraphicsStyles;
        svg: SVGSVGElement | null;
        activate(): Visualizer;
        clear(): Visualizer;
        connect(source: AudioNode | SoundModule): Visualizer | undefined;
        create(
            mimeType?: string,
            params?: { callback: BlobCallback; quality?: number; type?: string },
        ): string | void;
        createFontString(): string;
        createSVGLinearGradient(linearGradientId: string): SVGDefsElement | null;
        deactivate(): Visualizer;
        get(): HTMLCanvasElement | SVGSVGElement | null;
        param(params: "interval"): number;
        param(params: "styles"): GraphicsStyles;
        param(params: VisualizerParams): void;
        renderCanvas(
            data: Float32Array<ArrayBufferLike> | Uint8Array<ArrayBufferLike>,
            minDecibels?: number,
            maxDecibels?: number,
        ): void;
        renderSVG(
            data: Float32Array<ArrayBufferLike> | Uint8Array<ArrayBufferLike>,
            minDecibels?: number,
            maxDecibels?: number,
        ): void;
        renderTimeDomainFloat32ArrayCanvas(
            context: CanvasRenderingContext2D,
            data: Float32Array,
            innerWidth: number,
            innerHeight: number,
            middle: number,
            numberOfPlots?: number,
        ): void;
        renderTimeDomainFloat32ArraySVG(
            data: Float32Array,
            innerWidth: number,
            innerHeight: number,
            middle: number,
            numberOfPlots: number,
            linearGradientId: string,
        ): SVGPathElement | SVGGElement | null;
        setup(element: HTMLCanvasElement | SVGSVGElement): Visualizer;
        start(
            data: Float32Array<ArrayBufferLike> | Uint8Array<ArrayBufferLike>,
            minDecibels?: number,
            maxDecibels?: number,
        ): Visualizer;
        state(): boolean;
    }

    Hierarchy (View Summary)

    Implements

    Index
    analyser canvas channel context graphics interval isActive sampleRate styles svg
    activate clear connect create createFontString createSVGLinearGradient deactivate get param renderCanvas renderSVG renderTimeDomainFloat32ArrayCanvas renderTimeDomainFloat32ArraySVG setup start state
    analyser: AnalyserNode | null = null
    canvas: HTMLCanvasElement | null = null
    channel: ChannelNumber
    context: CanvasRenderingContext2D | null = null
    graphics: GraphicsApi = ''
    interval: number = 1000
    isActive: boolean = false
    sampleRate: number
    styles: GraphicsStyles = ...
    svg: SVGSVGElement | null = null

    • This method creates visualized graphics as string (Data URL or Blob or SVG).

      Parameters

      • OptionalmimeType: string

        This argument is string that indicates image format. The default value is image/octet-stream.

      • Optionalparams: { callback: BlobCallback; quality?: number; type?: string }

      Returns string | void

    • This method creates elements for SVG linear gradient.

      Parameters

      • linearGradientId: string

        This argument is id attribute for SVGLinearGradientElement.

      Returns SVGDefsElement | null

      This value is as instance of SVGDefsElement.

    • This method gets instance of HTMLCanvasElement or SVGSVGElement.

      Returns HTMLCanvasElement | SVGSVGElement | null

    • 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. Otherwise, return value is for method chain.

    • 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. Otherwise, return value is for method chain.

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

      Parameters

      • params: VisualizerParams

        This argument is string if getter. Otherwise, setter.

      Returns void

      Return value is parameter for visualization if getter. Otherwise, return value is for method chain.

    • Parameters

      • data: Float32Array<ArrayBufferLike> | Uint8Array<ArrayBufferLike>
      • OptionalminDecibels: number
      • OptionalmaxDecibels: number

      Returns void

    • Parameters

      • data: Float32Array<ArrayBufferLike> | Uint8Array<ArrayBufferLike>
      • OptionalminDecibels: number
      • OptionalmaxDecibels: number

      Returns 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

    • 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 SVGPathElement | SVGGElement | null

      This value is instance of SVGPathElement or SVGGElement.

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

    • This method visualizes sound wave to Canvas or SVG. This method conceals difference of API for visualization.

      Parameters

      • data: Float32Array<ArrayBufferLike> | Uint8Array<ArrayBufferLike>

        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.

    • This method gets visualizer state. If returns true, visualizer is active.

      Returns boolean

    Settings
    Member Visibility

    On This Page
    Properties
    Methods