The original version of echo-ui
Components
Control Components
- Button: Functions like play, stop, record, etc.
- Checkbox: Select multiple settings, like audio effect options.
- Dropdown: Select presets or audio output options.
- Envelope: Interactive linear ramp visualization.
- Equalizer Curve: Show and manipulate EQ settings.
- Input: Input precise parameter values.
- Knob: Adjust parameters like volume, frequency, etc.
- Radio: Select a single option, such as audio channel selection.
- Slider: Control parameters for audio effects, such as EQ gain.
- Switch: Enable or disable audio effects.
Visualization Components
- Axis: component is a component used to display axes in a chart.
- LFO: Show LFO(Low Frequency Oscillator) waveform.
- Light: Show the status of audio effects.
- Oscilloscope: Visualizes audio waveforms in real-time, showing changes in signal amplitude and frequency over time.
- Spectrogram: Display audio Spectrogram.
- VU-Meter: Display realtime audio volume levels.
- Waveform: Show audio waveform.
Container Components
- Card: Contain related information.
- Panel: Containers holding related components.
- Group: Combine related controls together.
Hooks
- useFetchAudio: Fetch audio file from url.
- usePlayer: Player to handle audio events.
- useWaveform: Generate waveform data.
- useSpectrogram: Generate spectrogram data.
- useOscilloscope: Generate oscilloscope data.
- useVUMeter: Generate VU-Meter data.
- useEnvelope: Generate and modify envelope data.