XSound - v4.2.0
    Preparing search index...

    Interface VisualizerAbstract

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

    interface Visualizer {
        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;
        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;
        setup(element: HTMLCanvasElement | SVGSVGElement): Visualizer;
        start(
            data: Float32Array<ArrayBufferLike> | Uint8Array<ArrayBufferLike>,
            minDecibels?: number,
            maxDecibels?: number,
        ): Visualizer;
        state(): boolean;
        visualizeBySVG(
            data: Float32Array<ArrayBufferLike> | Uint8Array<ArrayBufferLike>,
            minDecibels?: number,
            maxDecibels?: number,
        ): void;
        visualizeOnCanvas(
            data: Float32Array<ArrayBufferLike> | Uint8Array<ArrayBufferLike>,
            minDecibels?: number,
            maxDecibels?: number,
        ): void;
        visualizeTimeDomainFloat32ArrayBySVG(
            data: Float32Array,
            innerWidth: number,
            innerHeight: number,
            middle: number,
            numberOfPlots: number,
            linearGradientId: string,
        ): SVGPathElement | SVGGElement | null;
        visualizeTimeDomainFloat32ArrayOnCanvas(
            context: CanvasRenderingContext2D,
            data: Float32Array,
            innerWidth: number,
            innerHeight: number,
            middle: number,
            numberOfPlots?: number,
        ): void;
    }

    Hierarchy (View Summary)

    Implements

    Index

    Properties

    canvas channel context graphics interval isActive sampleRate styles svg

    Methods

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

    Properties

    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

    Methods

    • 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

      Returns void

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

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

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

    Properties
    Methods