/AudioVisualizer

An audio visualizer using Canvas

Primary LanguageHTML

AudioVisualizer

An audio visualizer using the Canvas API

Inspiration: Hamza580

Proposed Features

  • Keep track of time on screen
  • Change width of bar graph
    • Switch between view shape modes
  • Find audio from NCS
  • Song selector
  • Click and drag to start new waveform
  • Symmetry of the bars, horizontal
  • Possible pulse where mouse clicked
    • Individually change color of each circle when pressed
  • Add now playing

Controls (need 1 selector, 2 sliders, 3 checkboxes)

  • Invert button
    • Checkbox
  • Show play time
    • Check box
  • Frequency/waveform mode //!!!
    • Selector
  • Color selector
    • Selector
  • Height Slider
    • Slider
  • Line width changer
    • Slider
  • Noise on lines in screen only
    • Checkbox
  • Show album cover
    • Checkbox
  • Opacity changer
    • Checkbox
  • Moving the lines/bars across the screen versus making it static
    • Checkbox or selector (either one works)

To Fix

  • bg images not displaying
  • need a cleaner GUI
  • rounded rectangle
  • need to add waveform data
  • add new audio node

Class Resources

Media Sources

Note: We do NOT claim ownership for these audio files. They belong to the respective owners.