AmplitudeAnalyzer | @sad-systems/a-tracktor

Amplitude analyzer widget.

Hierarchy

AbstractAnalyzer
- AmplitudeAnalyzer

Index

Constructors

constructor

Constructors

constructor

new AmplitudeAnalyzer(audioSource?: HTMLMediaElement | MediaElementAudioSourceNode, viewElement?: HTMLElement, options?: IAbstractAnalyzerOptions): AmplitudeAnalyzer

Inherited from AbstractAnalyzer.constructor

Constructor.

Parameters
- Optional audioSource: HTMLMediaElement | MediaElementAudioSourceNode
  
  Input HTML element with source audio (HTML audio tag) or the instance of MediaElementAudioSourceNode.
- Optional viewElement: HTMLElement
  
  The HTML element to render the widget. Will be auto created if it is undefined or null.
- Optional options: IAbstractAnalyzerOptions
  
  Analyzer options.
Returns AmplitudeAnalyzer

Properties

Protected analyser

analyser: AnalyserNode

Protected analyser2

analyser2: AnalyserNode

Protected audioContext

audioContext: AudioContext

Protected audioElement

audioElement: HTMLMediaElement

Protected barSize

barSize: number

Protected bufferLength

bufferLength: number

Protected canvasContext

canvasContext: CanvasRenderingContext2D

Protected canvasElement

canvasElement: HTMLCanvasElement

Protected color

color: string

Protected colorClip

colorClip: string

Protected colorNorm

colorNorm: string

Protected colorWarn

colorWarn: string

Protected connectDestination

connectDestination: boolean

Protected dataArray

dataArray: Uint8Array

Protected fftSize

fftSize: number

Protected fillStyle

fillStyle: string | CanvasGradient | CanvasPattern

Protected height

height: number

Protected isAudioContextInitialized

isAudioContextInitialized: boolean = false

Protected mediaSource

mediaSource: MediaElementAudioSourceNode

Protected requestAniFrameID

requestAniFrameID: number

Protected sourceChannel

sourceChannel: number

Protected stereo

stereo: boolean

Protected valueClip

valueClip: number

Protected valueWarn

valueWarn: number

Protected viewElement

viewElement: HTMLElement

Protected width

width: number

Protected Static audioSources

audioSources: IAudioSource[] = ...

The list of audio sources.

Methods

changeAudioSource

changeAudioSource(audioSource?: HTMLMediaElement | MediaElementAudioSourceNode): void

Inherited from AbstractAnalyzer.changeAudioSource

Changes the current media source.

Parameters
- Optional audioSource: HTMLMediaElement | MediaElementAudioSourceNode
  
  Input HTML element with source audio (HTML audio tag) or the instance of MediaElementAudioSourceNode.
Returns void

clear

clear(): void

Inherited from AbstractAnalyzer.clear

Clears the canvas.

Returns void

Protected createAnalyzer

createAnalyzer(): void

Overrides AbstractAnalyzer.createAnalyzer

Returns void

Protected digitizeLevel

digitizeLevel(x: number, width: number, y: number, height: number): void

Creates measurement dividing bars.

Parameters
- x: number
- width: number
- y: number
- height: number
Returns void

Protected drawLevel

drawLevel(analyser: AnalyserNode, x: number, width: number, y: number, height: number): void

Draws amplitude level for the given analyzer.

Parameters
- analyser: AnalyserNode
- x: number
- width: number
- y: number
- height: number
Returns void

getAudioSource

getAudioSource(): IAudioSource

Inherited from AbstractAnalyzer.getAudioSource

Returns the audio source structure for this instance.

Returns IAudioSource

The audio source structure.

Protected getDefaultColor

getDefaultColor(): string

Inherited from AbstractAnalyzer.getDefaultColor

Returns string

Protected getDefaultFftSize

getDefaultFftSize(): number

Overrides AbstractAnalyzer.getDefaultFftSize

Returns number

Protected getDefaultViewElement

getDefaultViewElement(): HTMLElement

Inherited from AbstractAnalyzer.getDefaultViewElement

Returns HTMLElement

Protected getStyle

getStyle(): string | CanvasGradient | CanvasPattern

Returns string | CanvasGradient | CanvasPattern

getViewElement

getViewElement(): HTMLElement

Inherited from AbstractAnalyzer.getViewElement

Returns the ViewElement for this instance.

Returns HTMLElement

Protected initAnalyzer

initAnalyzer(): void

Inherited from AbstractAnalyzer.initAnalyzer

Returns void

Protected initAudio

initAudio(): void

Inherited from AbstractAnalyzer.initAudio

Returns void

Protected initView

initView(): void

Inherited from AbstractAnalyzer.initView

Returns void

pause

pause(): void

Inherited from AbstractAnalyzer.pause

Pauses rendering.

Returns void

Protected render

render(): void

Inherited from AbstractAnalyzer.render

Draws amplitude level graph.

Returns void

resize

resize(): void

Inherited from AbstractAnalyzer.resize

Updates the canvas size depended on the viewElement size.

Returns void

Protected setAudioSource

setAudioSource(audioSource?: HTMLMediaElement | MediaElementAudioSourceNode): void

Inherited from AbstractAnalyzer.setAudioSource

Parameters
- Optional audioSource: HTMLMediaElement | MediaElementAudioSourceNode
Returns void

Protected setOptions

setOptions(options?: IAmplitudeAnalyzerOptions): void

Overrides AbstractAnalyzer.setOptions

Parameters
- Optional options: IAmplitudeAnalyzerOptions
Returns void

Protected setViewElement

setViewElement(viewElement?: HTMLElement): void

Inherited from AbstractAnalyzer.setViewElement

Parameters
- Optional viewElement: HTMLElement
Returns void

start

start(): void

Inherited from AbstractAnalyzer.start

Starts rendering.

Returns void

stop

stop(): void

Inherited from AbstractAnalyzer.stop

Stops rendering.

Returns void

Protected Static createAudioSourceForElement

createAudioSourceForElement(audioElement: HTMLMediaElement, connectDestination: boolean): IAudioSource

Inherited from AbstractAnalyzer.createAudioSourceForElement

Parameters
- audioElement: HTMLMediaElement
- connectDestination: boolean
Returns IAudioSource

Protected Static findAudioSourceByElement

findAudioSourceByElement(audioElement: HTMLMediaElement): void | IAudioSource

Inherited from AbstractAnalyzer.findAudioSourceByElement

Parameters
- audioElement: HTMLMediaElement
Returns void | IAudioSource

Protected Static normalizeColor

normalizeColor(color: string): string

Inherited from AbstractAnalyzer.normalizeColor

Converts short format color '#abc' to long format color: '#aabbcc'.

Parameters
- color: string
Returns string

Hierarchy

Index

Constructors

Properties

Methods

Constructors

constructor

Parameters

Optional audioSource: HTMLMediaElement | MediaElementAudioSourceNode

Optional viewElement: HTMLElement

Optional options: IAbstractAnalyzerOptions

Returns AmplitudeAnalyzer

Properties

Protected analyser

Protected analyser2

Protected audioContext

Protected audioElement

Protected barSize

Protected bufferLength

Protected canvasContext

Protected canvasElement

Protected color

Protected colorClip

Protected colorNorm

Protected colorWarn

Protected connectDestination

Protected dataArray

Protected fftSize

Protected fillStyle

Protected height

Protected isAudioContextInitialized

Protected mediaSource

Protected requestAniFrameID

Protected sourceChannel

Protected stereo

Protected valueClip

Protected valueWarn

Protected viewElement

Protected width

Protected Static audioSources

Methods

changeAudioSource

Parameters

Optional audioSource: HTMLMediaElement | MediaElementAudioSourceNode

Returns void

clear

Returns void

Protected createAnalyzer

Returns void

Protected digitizeLevel

Parameters

x: number

width: number

y: number

height: number

Returns void

Protected drawLevel

Parameters

analyser: AnalyserNode

x: number

width: number

y: number

height: number

Returns void

getAudioSource

Returns IAudioSource

Protected getDefaultColor

Returns string

Protected getDefaultFftSize

Returns number

Protected getDefaultViewElement

Returns HTMLElement

Protected getStyle

Returns string | CanvasGradient | CanvasPattern

getViewElement

Returns HTMLElement

Protected initAnalyzer

Returns void

Protected initAudio

Returns void