加载应用…
云澜 Clyune Clyune Component Gallery · 中文

Audio Visualization

13 audio demos built on real signal processing (synth models + FFT, filter responses, beat detection, sequencer). Hover or drag to read frequency and dB under the pointer; tap “Sound” at top-right to listen.

Tech: Web Audio API, FFT, biquad filter, STFT, onset detection, getUserMedia

  • Synthesizer — Oscillator waveform, LFO Treasure and Harmonisation Spectrum: See the square waves / Why
  • Microphone Visualizer — Ring spectrum + vowel resonance peak: Disassembly microphone sound in real time.
  • Spectrum Bars — Real FFT: Disassembly a piece of music into a frequency column with a peak remaining with a logarithmic frequency axis.
  • Circular Waveform — Wraps the temporal waveform around a circle: Radius = Baseline + amplitude.
  • Equalizer — 5 Peak balance (RBJ biquad): Drag point changes frequency and gain, see how spectrum is "constructed".
  • Audio-reactive Particles — Low / Medium / Number of energy driven particles in three high bands, Speed and colour.
  • Oscilloscope — A trigger oscillator: Stable display periodic waveforms can also be switched to Lisa like XY.
  • Polar Spectrum — Wrap the spectrum around a circle: Angle = Frequency, Radius = Deutsche.
  • Spectrogram Waterfall — Short-time Fourier (STFT): trans-axis frequency, Axle Time, Colour = Energy.
  • Beat Detection — The energy surge detection beat: E > C × Average Energy I'll give you a shot and an estimate BPM。
  • Chord Pad — Third year of university / The composition of the trichord, Frequency ratio with synthetic wave shape, automatically C-G-Am-F.
  • Noise Filter Pad — White / Pink / Brown noise is down / Bring it through / High-through filter, see how the spectrum is carved.
  • Drum Machine — 16 Step Sequencer: Synthetic Bottom Drum, Military drums, Clap one's hands, Step on it, support the swing.