v1.0.0

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.