Skip to content

@sonoscope/react

InterfaceDescription
FrequencyRulerPropsProps for the FrequencyRuler component.
TimeRulerPropsProps for the TimeRuler component.
UseFrequencyRulerOptions-
UseSonoscopeOptionsOptions for initializing a Sonoscope coordinator inside React.
UseSonoscopeResultResult returned by the useSonoscope hook.
UseTimeRulerOptions-
WaveformPropsProps for the Waveform component.
Type AliasDescription
FrequencyRulerHandleImperative handle exposed by the FrequencyRuler component ref.
SonoscopeProviderPropsProps for the SonoscopeProvider component. Accepts either an existing Sonoscope instance as value or direct useSonoscope configuration options.
SpectrogramHandleImperative handle exposed by the Spectrogram component ref.
SpectrogramPropsProps for the Spectrogram component.
SpectrogramReadyInfo-
TimeRulerHandleImperative handle exposed by the TimeRuler component ref.
UseSpectrogramOptions-
UseSpectrogramResult-
UseViewerOptions-
UseViewerResult-
ViewerHandle-
ViewerProps-
WaveformHandleImperative handle exposed by the Waveform component ref.
VariableDescription
FrequencyRulerRenders an interactive frequency axis ruler canvas.
SonoscopeContextReact context holding the active Sonoscope coordinator instance.
SonoscopeProviderProvides a Sonoscope coordinator instance to child components.
SpectrogramRenders an interactive audio spectrogram canvas.
TimeRulerRenders an interactive time axis ruler canvas.
Viewer-
WaveformRenders an interactive audio waveform canvas.
FunctionDescription
useFrequencyRuler-
useSonoscopeReact hook that creates and manages the lifecycle of a Sonoscope coordinator instance.
useSonoscopeContextReturns the current Sonoscope coordinator from the nearest SonoscopeProvider.
useSpectrogram-
useTimeRuler-
useViewer-